XML DOM appendChild() 方法
❮ Node 物件
示例
以下程式碼片段載入 "books.xml" 到 xmlDoc,並建立一個節點(<edition>),然後將其追加到第一個 <book> 節點的最後一個子節點之後
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var newel = xmlDoc.createElement("edition");
var x = xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
document.getElementById("demo").innerHTML =
x.getElementsByTagName("edition")[0].nodeName;
}
上面程式碼的輸出將是
edition
自己動手試一試 »
定義和用法
appendChild() 方法將新子節點追加到節點的子節點列表的末尾。
注意:如果 newchild 已經在樹中,它會被首先移除。
瀏覽器支援
appendChild() 方法在所有主要瀏覽器中都得到支援。
語法
nodeObject.appendChild(newchild)
引數 | 描述 |
---|---|
newchild | 要新增(追加)的節點 |
返回值
型別 | 描述 |
---|---|
節點物件 | 已追加的節點 |
技術詳情
DOM 版本 | Core Level 1 Node Object。在 DOM Level 3 中修改 |
---|
實際操作演示
appendChild() - 將子節點追加到所有 <book> 節點
❮ Node 物件