JS控制html控件.doc

方法一： / 容器 var strInnerHtml = ; / 要添加的控件 docuemnt.all.Form1.myDiv.innerHTML = strInnerHtml ; / 执行添加动作 方法二： / 容器 var strInnerHtml = ; / 要添加的控件 / 执行添加动作 docuemnt.all.Form1.myDiv.insertAdjacentHTML( afterBegin, strInnerHtml ) ; 其中第一个参数可是如下几个值： afterBegin 在文本前容器内插入内容； beforeEnd 在文本后容器内插入内容； beforeBegin 在文本前容器外插入内容； afterEnd 在文本后容器外插入内容； 方法三： / 容器 var objNode = 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：要插入的内容 function myfun() var obj = document.getElementById(btn1); obj.insertAdjacentHTML(afterEnd,); 24.htm insertAdjacentHTML插入新内容 function addsome() document.all.paral.insertAdjacentHTML(afterBegin,在文本前容器内插入内容); document.all.paral.insertAdjacentHTML(beforeEnd,在文本后容器内插入内容); document.all.paral.insertAdjacentHTML(beforeBegin,在文本前容器外插入内容); document.all.paral.insertAdjacentHTML(afterEnd,在文本后容器外插入内容); 原来的内容 New Document var num=0; var No_sys=0; function Add_button()if(No_sys8) c_input.insertAdjacentHTML(beforeEnd,+n