Najnowsze tutoriale tworzenie stron internetowych
 

XML Tworzenie węzłów DOM


Spróbuj sam - przykłady

Poniższe przykłady użyć pliku XML Books.xml .

Załóż węzeł elementu
W tym przykładzie użyto createElement() , aby utworzyć nowy węzeł elementu oraz appendChild() , aby dodać go do węzła.

Załóż węzeł atrybutu za pomocą createAttribute
W tym przykładzie użyto createAttribute() , aby utworzyć nowy węzeł atrybutu i setAttributeNode() , aby wstawić go do elementu.

Załóż węzeł atrybutu za pomocą setAttribute
W tym przykładzie użyto setAttribute() , aby utworzyć nowy atrybut dla elementu.

Tworzenie węzła tekstowego
W tym przykładzie użyto createTextNode() , aby utworzyć nowy węzeł tekstowy oraz appendChild() , aby dodać go do elementu.

Tworzenie węzła sekcji CDATA
W tym przykładzie użyto createCDATAsection() , aby utworzyć węzeł sekcji CDATA oraz appendChild() , aby dodać go do elementu.

Tworzenie węzła komentarz
W tym przykładzie użyto createComment() , aby utworzyć węzeł komentarz, a appendChild() , aby dodać go do elementu.

×

nagłówek


Utwórz nowy element węzła

createElement() metoda tworzy nowy węzeł elementu:

Przykład

newElement = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newElement);
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc
  2. Tworzenie nowego elementu węzła <edition>
  3. Dołącza węzeł elementu do pierwszej <book> elementu

Pętli i dodać element do wszystkich <book> elementów: Spróbuj sam


Utwórz nowy atrybut węzła

createAttribute() służy do tworzenia nowego węzła atrybutu:

Przykład

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first";

xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc
  2. Utwórz nowy węzeł atrybutu "edition"
  3. Ustaw wartość atrybutu do węzła "first"
  4. Dodaj new węzeł atrybutu do pierwszej <title> elementu

Pętla przez wszystkie <title> elementy i dodać nowy węzeł atrybutu: Spróbuj sam

Jeśli atrybut już istnieje, zostanie ona zastąpiona przez nową.


Załóż Atrybut Korzystanie setAttribute()

Ponieważ setAttribute() sposób tworzy nowy atrybut jeśli cecha nie występuje, może być wykorzystane do stworzenia nowego atrybutu.

Przykład

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","first");
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc
  2. Ustawić atrybut "edition" wartość "first" dla pierwszego <book> elementu

Pętla przez wszystkie <title> elementy i dodać nowy atrybut: Spróbuj sam


Tworzenie węzła tekstowego

createTextNode() metoda tworzy nowy węzeł tekstowy:

Przykład

newEle = xmlDoc.createElement("edition");
newText = xmlDoc.createTextNode("first");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc
  2. Tworzenie nowego elementu węzła <edition>
  3. Utwórz nowy węzeł tekstowy z tekstem "first"
  4. Dołącz nowy węzeł tekstowy do węzła elementu
  5. Dołącz nowy węzeł elementu do pierwszej <book> elementu

Dodaj węzeł elementu, z węzłem tekstowym dla wszystkich <book> elementów: Spróbuj sam


Tworzenie Sekcji węzeł CDATA

createCDATASection() metoda tworzy nowy węzeł sekcji CDATA.

Przykład

newCDATA = xmlDoc.createCDATASection("Special Offer & Book Sale");

xmlDoc.getElementsByTagName("book")[0].appendChild(newCDATA);
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc
  2. Utwórz nowy węzeł sekcji CDATA
  3. Dołącz nowy węzeł CDATA do pierwszej <book> elementu

Pętli i dodać sekcję CDATA, do wszystkich <book> elementów: Spróbuj sam


Tworzenie komentarz Node

createComment() metoda tworzy nowy komentarz węzła.

Przykład

newComment = xmlDoc.createComment("Revised March 2015");

xmlDoc.getElementsByTagName("book")[0].appendChild(newComment);
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc użyciu
  2. Utwórz nowy węzeł komentarz
  3. Dopisz komentarz do pierwszego węzła <book> elementu

Pętli i dodać węzeł komentarz do wszystkich <book> elementów: Spróbuj sam