Latest web development tutorials

XML DOM - dodawanie węzłów

Przykłady

Spróbuj - przykład

Poniższy przykład używa plików XML Books.xml .
Funkcja loadXMLDoc () , w zewnętrznym JavaScript jest używany do załadowania pliku XML.

Po ostatnim węzła potomnego dodać węzeł
Ten przykład używa appendChild () metoda dodaje węzeł podrzędny do istniejącego węzła.

Przed określonego węzła potomnego dodać węzeł
W tym przykładzie wykorzystano metodę insertBefore () przed przekroczeniem określonego węzła potomnego w węźle.

Dodanie nowej nieruchomości
W tym przykładzie wykorzystano metodę setAttribute (), aby dodać nową właściwość.

Dodawanie danych do węzła tekstowego
W tym przykładzie użyto insertData () wstawić dane do istniejącego węzła tekstowego.

Dodaj węzeł - appendChild ()

appendChild () metoda dodaje węzeł podrzędny do istniejącego węzła.

Nowy węzeł jest dodawany (dołączany) do istniejącego węzła potomnego po.

Uwaga: Jeśli pozycja węzła jest bardzo ważne, należy użyć metody insertBefore ().

Poniższy fragment kodu tworzy element (<wersja>) i dodać go po ostatnim węzła potomnego pierwszego elementu <> książki:

Przykłady

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

Spróbuj »

Przykłady wyjaśnić:

  1. Użyj loadXMLDoc () do " Books.xml " pod xmldoc
  2. Utwórz nowy węzeł <wersja>
  3. Dołącza węzeł do pierwszego elementu <book>

Przechodzenie do wszystkich <book> element dołączyć element: spróbuj

Wstawianie węzła - insertBefore ()

Metoda insertBefore () służy wcześniej określonego węzła potomnego do węzła.

Pozycja jest bardzo ważne, aby dodać węzeł ten sposób są użyteczne:

Przykłady

xmlDoc=loadXMLDoc("books.xml");

newNode=xmlDoc.createElement("book");

x=xmlDoc.documentElement;
y=xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);

Spróbuj »

Przykłady wyjaśnić:

  1. Użyj loadXMLDoc () do " Books.xml " pod xmldoc
  2. Tworzy nowy węzeł elementu <book>
  3. Nowy węzeł jest włożona przed ostatnim <book> węzeł elementu

Jeśli insertBefore () Drugi parametr jest null, nowy węzeł zostanie dodany po ostatnim istniejącego węzła potomnego.

x.insertBefore (newNode, null) oraz x.appendChild (newNode)może dołączyć nowy węzeł potomny do x.

Dodaj nowy atrybut

addAtribute () Metoda ta nie istnieje.

Jeżeli nieruchomość nie istnieje, setAttribute (), aby utworzyć nową właściwość:

Przykłady

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

Spróbuj »

Przykłady wyjaśnić:

  1. Użyj loadXMLDoc () do " Books.xml " pod xmldoc
  2. W "edition" wartość atrybut jest ustawiony na pierwszym elemencie <book> (utworzone) dla "pierwszy"

Uwaga: Jeśli właściwość już istnieje metoda setAttribute () zastąpi istniejącą wartość.

Dodawanie tekstu węzeł tekstowy - insertData ()

Metoda insertData (), aby wstawić dane do istniejącego węzła tekstowego.

Metoda insertData () przyjmuje dwa argumenty:

  • Przesunięcie - Od czego zacząć wstawianie znaków (zaczynając od 0)
  • String - Ciąg znaków, aby wstawić

Poniższy fragment kodu będzie "Easy" dodany do XML ładowane pierwsza <title> element węzła tekstu:

Przykłady

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];

x.insertData(0,"Easy ");

Spróbuj »