XML DOM Düğüm Ekleme
- Önceki Sayfa DOM Düğüm Oluşturma
- Sonraki Sayfa DOM Klon Düğümü
Düğüm Ekle - appendChild()
appendChild()
Yöntem, mevcut düğüme alt düğüm ekler.
Yeni düğüm, herhangi bir mevcut alt düğüm sonrasına eklenabilir (eklenebilir).
注意:Düğümün konumu önemliyse, insertBefore() kullanın.
Aşağıdaki kod parçası, bir element (<edition>) oluşturur ve bunu ilk <book> elementinin en son alt elementi sonrasına ekler:
Örnek 1
newEle = xmlDoc.createElement("edition"); xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
例子解释:
- 假设 books.xml 已被加载到
xmlDoc
中 - 创建新节点 <edition>
- İlk <book> elementine düğüm ekle
Aşağıdaki kod parçasının görevi yukarıdaki ile aynıdır, ancak yeni elemente bir değer eklenmiştir:
Örnek 2
newEle = xmlDoc.createElement("edition"); newText=xmlDoc.createTextNode("İlk sürüm"); newEle.appendChild(newText); xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
例子解释:
- 假设 books.xml 已被加载到
xmlDoc
中 - 创建新节点 <edition>
- 创建新的文本节点
"第一版"
- 将这个文本节点追加到 <edition> 节点
- 将 <edition> 节点追加到 <book> 元素
插入节点 - insertBefore()
insertBefore()
方法在指定的子节点之前插入节点。
如果被添加的节点的位置很重要,此方法很有用:
Örnek
newNode = xmlDoc.createElement("book"); x = xmlDoc.documentElement; y = xmlDoc.getElementsByTagName("book")[3]; x.insertBefore(newNode,y);
例子解释:
- 假设 books.xml 已被加载到
xmlDoc
中 - 创建新的元素节点 <book>
- 将这个新节点插入到最后一个 <book> 元素节点前面
- 如果 insertBefore() 的第二个参数为 null,则新节点将添加到最后一个现有的子节点之后。
x.insertBefore(newNode,null) 和 x.appendChild(newNode) 都可以向 x 追加新的子节点。
添加新属性
setAttribute()
方法设置属性的值。
如果属性不存在,则 setAttribute()
可创建一个新的属性:
Örnek
xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","第一版");
例子解释:
- 假设 books.xml 已加载到
xmlDoc
中 - 将第一个 <book> 元素的 "edition" 属性的值设置为 "第一版"
注意:并不存在名为 addAttribute() 的方法,如果属性不存在,setAttribute() 将创建新的属性。如果属性已存在,setAttribute() 方法将覆盖现有的值。
将文本添加到文本节点 - insertData()
insertData()
方法将数据插入现有的文本节点中。
insertData()
方法有两个参数:
- offset - 从哪里开始插入字符(从 0 开始)
- string - Eklenecek dizgi
Aşağıdaki kod parçası, "en sevdiğim" ifadesini yüklenmiş olan ilk <title> elemanının metin düğümüne ekler:
Örnek
xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"en sevdiğim");
- Önceki Sayfa DOM Düğüm Oluşturma
- Sonraki Sayfa DOM Klon Düğümü