JS控制html控件的方法.docx

JS控制html控件的方法

JS控制html控件的方法 为了方便广大计算机爱好者，下面YJBYS小编为大家整理了关于JS控制html控件的方法，希望对你有所帮助。 方法一： 《pid=“myDiv”》《/p》//容器 varstrInnerHtml=“《inputid=”myInput“type=”text“》”;//要添加的控件 docuemnt.all.Form1.myDiv.innerHTML=strInnerHtml;//执行添加动作 方法二： 《pid=“myDiv”》《/p》//容器 varstrInnerHtml=“《inputid=”myInput“type=”text“》”;//要添加的控件 //执行添加动作 docuemnt.all.Form1.myDiv.insertAdjacentHTML(‘afterBegin’，strInnerHtml); 其中第一个参数可是如下几个值： afterBegin-在文本前容器内插入内容; beforeEnd-在文本后容器内插入内容; beforeBegin-在文本前容器外插入内容; afterEnd-在文本后容器外插入内容; 方法三： 《pid=“myDiv”》《/p》//容器 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”，&ldqu