JS控制html控件

下载文档

ID：37846418

大小：13.66 KB

页数：3页

时间：2019-06-01

收藏

资源描述：

《JS控制html控件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、方法一：   

                                                     //容器   varstrInnerHtml="";       //要添加的控件   docuemnt.all.Form1.myDiv.innerHTML=strInnerHtml;     //执行添加动作   方法二：   

2、/容器   varstrInnerHtml="";      //要添加的控件   //执行添加动作   docuemnt.all.Form1.myDiv.insertAdjacentHTML('afterBegin',strInnerHtml);   其中第一个参数可是如下几个值：   afterBegin－在文本前容器内插入内容；   beforeEnd－在文本后容器内插入内容；   beforeBegin－在文本前容器外插入内容；   afterEnd－在文本后容器外插入内容；   方法三：   <

3、/div>                                              //容器   varobjNode=document.createElement("INPUT");   //创建一个input控件   //开始指定控件属性   objNode.type='text';   objNode.id='myInput';   objNode.value='test';   docuemnt.all.Form1.myDiv.insertAdjacentElement("beforeEnd",objNode);//执行添加动作   其他的控件控制方法：   chil

4、dNodes(index)－取得子控件   parentElement－取得父控件   removeNode－删除当前控件   insertAdjacentHTML动态插入行   关键字:insertadjacenthtml动态插入行   添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有   insertAdjacentHTML和insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。   insertAdjacentHTML方法：   在指定的地方插入html标签语句   原型：insertAdajc

5、entHTML(swhere,stext)   参数：   swhere:指定插入html标签语句的地方，有四种值可用：   1.    beforeBegin:插入到标签开始前   2.    afterBegin:插入到标签开始标记之后   3.    beforeEnd:插入到标签结束标记前   4.    afterEnd:插入到标签结束标记后   stext：要插入的内容            functionmyfun()   {   varobj=document.getElementById("b

6、tn1");   obj.insertAdjacentHTML("afterEnd","
");   }                        ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝