Najnowsze tutoriale tworzenie stron internetowych
 

XML DOM dodawania węzłów


Spróbuj sam - przykłady

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

Dodaj węzeł po ostatnim węzła potomnego
Ten przykład używa appendChild() , aby dodać węzeł podrzędny do istniejącego węzła.

Dodaj węzeł przed przekroczeniem określonego węzła potomnego
W tym przykładzie użyto insertBefore() , aby wstawić węzeł przed przekroczeniem określonego węzła potomnego.

Dodaj nowy atrybut
Ten przykład używa setAttribute() metodę, aby dodać nowy atrybut.

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

×

nagłówek


Dodaj węzeł - appendChild()

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

Nowy węzeł jest dodawany (appended) po wszelkich istniejących węzłów potomnych.

Note: Używaj insertBefore() czy pozycja węzła jest ważna.

Ten fragment kodu tworzy element (<edition>) , i dodaje go po ostatnim dzieckiem pierwszego <book> element:

Przykład

newEle = xmlDoc.createElement("edition");

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

Przykład wyjaśnił:

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

Kod ten fragment ma takie samo jak powyżej, a nowy element dodaje się wartość:

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. Utwórz nowy węzeł <edition>
  3. Utwórz nowy węzeł tekstowy "first"
  4. Dołącza węzeł tekstowy do <edition> węzła
  5. Dołącza <addition> węzła do <book> elementu

Wstawianie węzła - insertBefore()

insertBefore() Metoda wstawia węzeł przed przekroczeniem określonego węzła potomnego.

Sposób ten jest użyteczny, gdy położenie dodanego węzeł jest ważny:

Przykład

newNode = xmlDoc.createElement("book");

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

x.insertBefore(newNode,y);
Spróbuj sam "

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " jest ładowany do xmldoc
  2. Tworzenie nowego elementu węzła <book>
  3. Włóż nowy węzeł przed ostatnim <book> węzeł elementu

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

x.insertBefore(newNode,null) i x.appendChild(newNode) będzie zarówno dołączania nowego węzła podrzędnego x.


Dodaj nowy atrybut

setAttribute() Metoda ustawia wartość atrybutu.

Przykład

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

Przykład wyjaśnił:

  1. Załóżmy, że " Books.xml " został załadowany do xmldoc
  2. Ustaw wartość atrybutu "edition" na "first" dla pierwszego <book> elementu

Nie ma metoda zwana add Attribute()
setAttribute() tworzy nowy atrybut, jeżeli atrybut nie istnieje.

Note: Jeśli atrybut już istnieje, setAttribute() metoda zastąpi istniejącą wartość.


Dodaj tekst do węzła tekstowego - insertData()

insertData() Metoda wstawia dane do istniejącego węzła tekstowego.

insertData() metoda ta ma dwa parametry:

  • Przesunięcie - Od czego zacząć wstawianie znaków (starts at zero)
  • String - Ciąg znaków, aby wstawić

Poniższy fragment kodu doda "Easy" do węzła tekstu pierwszego <title> element załadowanego pliku XML:

Przykład

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Easy ");
Spróbuj sam "