客户端插入控件

2008-02-23 07:46:00来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:子父窗口之间的操作之小例子

下一篇:利用jpeg组件加图片水印函数