客户端插入控件

本文中的控件泛指任何合法的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 － 删除当前控件

文章来源于领测软件测试网 https://www.ltesting.net/