·您的位置: 首页 » 资源教程 » 编程开发 » JavaScript » 客户端插入控件

客户端插入控件

类别: JavaScript教程  评论数:0 总得分:0

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

-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1