客戶端插入控件

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

發佈了25 篇原創文章 · 獲贊 1 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章