XML DOM Düğüm Oluşturma
- Önceki sayfa DOM düğüm değiştirme
- Sonraki sayfa DOM eklenmiş düğüm
örnek
Aşağıdaki örnek, XML dosyasını kullanır books.xml
fonksiyon loadXMLDoc()dışarıdaki JavaScript'te, XML dosyasını yüklemek için kullanılır.
- Element düğümü oluşturma
- Bu örnek, createElement() kullanarak yeni bir element düğümü oluşturur ve bu düğümü bir düğümüne appendChild() ile ekler.
- createAttribute kullanarak bir özellik düğümü oluşturma
- Bu örnek, createAttribute() kullanarak yeni bir özellik düğümü oluşturur ve bu düğümü setAttributeNode() ile bir elemente ekler.
- setAttribute kullanarak bir özellik düğümü oluşturma
- Bu örnek, setAttribute() kullanarak bir elemente yeni bir özellik oluşturur.
- Metin nodu oluşturun
- Bu örnek, createTextNode() kullanarak yeni bir metin düğümü oluşturur ve bu düğümü bir elemente appendChild() ile ekler.
- Bir CDATA section düğümü oluşturma
- Bu örnek, createCDATAsection() kullanarak bir CDATA section düğümü oluşturur ve bu düğümü bir elemente appendChild() ile ekler.
- Yorum düğümü oluşturma
- Bu örnek, createComment() kullanarak bir comment düğümü oluşturur ve bu düğümü bir elemente appendChild() ile ekler.
Yeni element nodu oluşturun
createElement() yöntemi yeni bir element nodu oluşturur:
xmlDoc=loadXMLDoc("books.xml"); newel=xmlDoc.createElement("edition"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newel);
Örnek açıklama:
- Kullanarak loadXMLDoc() "books.xml" xmlDoc'ye yükleyin
- Yeni bir element nodu <edition> oluşturun
- İlk <book> elementine bu element nodunu ekleyin
Tüm <book> elementlerine bir element ekleyin ve tarayın:TIY
Yeni özellik nodu oluşturun
createAttribute() yöntemi yeni bir özellik nodu oluşturur:
xmlDoc=loadXMLDoc("books.xml"); newatt=xmlDoc.createAttribute("edition"); newatt.nodeValue="first"; x=xmlDoc.getElementsByTagName("title"); x[0].setAttributeNode(newatt);
Örnek açıklama:
- Kullanarak loadXMLDoc() "books.xml" xmlDoc'ye yükleyin
- Yeni bir özellik nodu "edition" oluşturun
- İlk <title> elementine bu yeni özellik nodunu ekleyin
Tüm <title> elementlerini tarayın ve yeni bir özellik nodu ekleyin:TIY
Açıklama: Eğer özellik zaten mevcutsa, yeni özellik yerine eski özellik değiştirilir.
setAttribute() kullanarak özellik oluşturma
setAttribute() özelliği mevcutsa yeni bir özellik oluşturabilir, bu nedenle bu yöntemi kullanabiliriz.
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName('book'); x[0].setAttribute("edition","first");
Örnek açıklama:
- Kullanarak loadXMLDoc() "books.xml" xmlDoc'ye yükleyin
- İlk <book> elementine "first" değeri olan bir özellik (oluşturun) ayarlayın
Tüm <title> elementlerini tarayın ve yeni bir özellik ekleyin:TIY
Metin nodu oluşturun
createTextNode() yöntemi yeni bir metin nodu oluşturur:
xmlDoc=loadXMLDoc("books.xml"); newel=xmlDoc.createElement("edition"); newtext=xmlDoc.createTextNode("first"); newel.appendChild(newtext); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newel);
Örnek açıklama:
- Kullanarak loadXMLDoc() "books.xml" xmlDoc'ye yükleyin
- Yeni bir element nodu <edition> oluşturun
- Metni "first" olan yeni bir metin nodu oluşturun
- Bu element noda yeni bir metin nodu ekleyin
- İlk <book> elementine yeni bir element nodu ekleyin
Tüm <book> elementlerine bir metin nodu içeren bir element nodu ekleyin:TIY
Bir CDATA Section nodu oluşturun
createCDATASection() yöntemi yeni bir CDATA section nodu oluşturur.
xmlDoc=loadXMLDoc("books.xml"); newCDATA=xmlDoc.createCDATASection("Special Offer & Book Sale"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newCDATA);
Örnek açıklama:
- Kullanarak loadXMLDoc() "books.xml" xmlDoc'ye yükleyin
- Yeni bir CDATA bölümü düğümü oluşturun
- Bu yeni CDATA bölümü düğümünü ilk <book> elementine ekleyin
Döngü ve tüm <book> elementlerine bir CDATA bölümü ekleyin:TIY
Yorum düğümü oluşturma
createComment() yöntemi yeni bir yorum düğümü oluşturur.
xmlDoc=loadXMLDoc("books.xml"); newComment=xmlDoc.createComment("Revised March 2008"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newComment);
Örnek açıklama:
- Kullanarak loadXMLDoc() "books.xml" xmlDoc'ye yükleyin
- Yeni bir yorum düğümü oluşturun
- Bu yeni yorum düğümünü ilk <book> elementine ekleyin
Döngü ve tüm <book> elementlerine bir comment düğümü ekleyin:TIY
- Önceki sayfa DOM düğüm değiştirme
- Sonraki sayfa DOM eklenmiş düğüm