Метод XML DOM insertBefore()

Объект Element

Определение и использование

insertBefore() Этот метод вставляет новый подузел перед существующим подузлом.

Этот метод возвращает этот новый подузел.

Грамматика

elementNode.insertBefore(new_node,existing_node)
Параметры Описание
new_node Обязателен. Узел, который нужно вставить.
existing_node Обязателен. Существующий узел. Новый узел будет вставлен перед этим узлом.

Пример

Ниже приведен код, который загружает "books.xml" в xmlDoc, создает новый узел <book> и вставляет его перед последним узлом <book>:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var newNode = xmlDoc.createElement("book");
    var x = xmlDoc.documentElement;
    var y = xmlDoc.getElementsByTagName("book");
    document.getElementById("demo").innerHTML =
    "Элементы книги до: " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Элементы книги после: " + y.length;
}

Попробуйте сами

Объект Element