本文中的控件泛指任何合法的HTML标签
方法一: <div id="myDiv"></div> // 容器 var strInnerHtml = "<input id="myInput" type="text">" ; // 要添加的控件 docuemnt.all.Form1.myDiv.innerHTML = strInnerHtml ; // 执行添加动作
方法二: <div id="myDiv"></div> // 容器 var strInnerHtml = "<input id="myInput" type="text">" ; // 要添加的控件 // 执行添加动作 docuemnt.all.Form1.myDiv.insertAdjacentHTML( 'afterBegin', strInnerHtml ) ;
其中第一个参数可是如下几个值: afterBegin - 在文本前容器内插入内容; beforeEnd - 在文本后容器内插入内容; beforeBegin - 在文本前容器外插入内容; afterEnd - 在文本后容器外插入内容;
方法三: <div id="myDiv"></div> // 容器 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 - 删除当前控件
|