JS控制html控件的方法.docx

JS控制html控件的方法JS控制html控件的方法为了方便广大计算机爱好者，下面YJBYS小编为大家整理了关于JS控制html控件的方法，希望对你有所帮助。方法一：《divid=“myDiv”》《/div》//容器varstrInnerHtml=“《inputid=”myInput“type=”text“》”;//要添加的控件docuemnt.all.Form1.myDiv.innerHTML=strInnerHtml;//执行添加动作方法二：《divid=“myDiv”》《/div》//容器varstrInnerHtml=“《inputid=”myInput“type=”text“》”;//要添加的控件//执行添加动作docuemnt.all.Form1.myDiv.insertAdjacentHTML(‘afterBegin’，strInnerHtml);其中第一个参数可是如下几个值：afterBegin-在文本前容器内插入内容;beforeEnd-在文本后容器内插入内容;beforeBegin-在文本前容器外插入内容;afterEnd-在文本后容器外插入内容;方法三：《divid=“myDiv”》《/div》//容器varobjNode=document.createElement(“INPUT”);//创建一个input控件//开始指定控件属性objNode.type=‘text’;objNode.id=‘myInput’;objNode.value=‘test’;docuemnt.all.Form1.myDiv.insertAdjacentElement(“beforeEnd”，objNode);//执行添加动作其他的控件控制方法：childNodes(index)-取得子控件parentElement-取得父控件removeNode-删除当前控件insertAdjacentHTML动态插入行关键字：insertadjacenthtml动态插入行添加HTML内容与文本内容以前用的.是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。insertAdjacentHTML方法：在指定的地方插入html标签语句原型：insertAdajcentHTML(swhere，stext)参数：swhere：指定插入html标签语句的地方，有四种值可用：1.beforeBegin：插入到标签开始前2.afterBegin：插入到标签开始标记之后3.beforeEnd：插入到标签结束标记前4.afterEnd：插入到标签结束标记后stext：要插入的内容《html》《head》《scriptlanguage=“javascript”》functionmyfun(){varobj=document.getElementById(“btn1”);obj.insertAdjacentHTML(“afterEnd”，“《br》《inputname=\”txt1\“》”);}《/script》《/head》《body》《inputname=“txt”》《inputid=“btn1”name=“btn1”type=“button”value=“更多……”onclick=“myfun()”》《/body》《/html》《head》《title》24.htminsertAdjacentHTML插入新内容《/title》《scriptlanguage=“jscript”》functionaddsome(){document.all.paral.insertAdjacentHTML(“afterBegin”，“《h1》在文本前容器内插入内容《/h1》”);document.all.paral.in