用戶端插入控制項

插入|用戶端|控制項

本文中的控制項泛指任何合法的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 － 刪除當前控制項