Einführung in 12 JavaScript-DOM-Methoden

In diesem Artikel werden zwölf Methoden zu JavaScript-DOM-Operationen als Referenz vorgestellt:

1 createElement(element)

Erstellen Sie einen neuen Elementknoten mit einem angegebenen Tag-Namen und geben Sie den Wert als Referenz zurück Zeiger auf den neu erstellten Elementknoten.

eg) var para = document.createElement("p");

document.body.appendChild(para);

2 createTextNode()

Erstellen Sie einen neuen Textknoten, der den angegebenen Text enthält, und geben Sie einen Referenzzeiger auf den neuen Textknoten zurück:

Reference = document.createTextNode()

Parameter sind in der Textzeichenfolge des neuen Textknotens enthalten

eg)

var message = document.createTextNode("hello world");

var container = document.createElement("p");

container.appendChild(message);

document.body.appendChild(container);

3 cloneNode()

reference = node.cloneNode(deep)

Erstellen Sie eine Kopie des angegebenen Knotens. Der Parameter ist wahr oder falsch. Wahr bedeutet, dass die untergeordneten Knoten des Knotens gleichzeitig kopiert werden. Falsch bedeutet, dass keine untergeordneten Knoten kopiert werden.

var para = document.createElement("p");

var message = document.createTextNode("hello world");

para.appendChild(message);

　document.body.appendChild(para);

var newpara = para.cloneNode(true);

　document.body.appendChild(newpara);

　4 appendChild()

　reference = node.appendChild(newChild);

　Knoten einfügen, siehe vorheriges Beispiel.

5 insertBefore()

reference = element.insertBefore(newNode,targetNode)

Fügt einen bestimmten Knoten vor dem angegebenen untergeordneten Knoten eines bestimmten Elementknotens ein, kehrt zurück ein Referenzzeiger auf den neu hinzugefügten untergeordneten Knoten.

eg)

var container = document.getElementById("content");

var message = document.getElementById("fineprint");

var para = document.createElement("p");

container.insertBefore(para,message);

6 removeChild()

reference = element.removeChild(node )

löscht einen untergeordneten Knoten aus einem bestimmten Element und gibt einen Referenzzeiger auf den gelöschten untergeordneten Knoten zurück.

Wenn ein Knoten durch removeChild() gelöscht wird, werden alle untergeordneten Knoten dieses Knotens gelöscht.

　7 replaceChild()

　reference = element.replaceChild(newChild,oldChild)

　Ersetzen Sie einen untergeordneten Knoten in einem bestimmten übergeordneten Element durch einen anderen Knoten, oldChild Der Knoten muss sein ein untergeordneter Knoten des Elementelements, und der Rückgabewert ist ein Referenzzeiger, der auf den ersetzten

untergeordneten Knoten zeigt.

eg)

var container = document.getElementById("content");

var message = document.getElementById("fineprint");

var para = document.createElement("p");

container.replaceChild(para,message);

8 setAttribute()

element.setAttribute(attributeName,attributeValue );

Fügen Sie einem bestimmten Elementknoten einen neuen Attributwert hinzu oder ändern Sie sein vorhandenes Attribut

🎜>

Gibt den Wert eines bestimmten Attributknotens für ein bestimmtes Element zurück.

10 getElementById()

element = document.getElementById(ID)

Suchen Sie ein Element mit einem bestimmten ID-Attributwert und geben Sie einen Elementknoten zurück

11 getElementByTagName()

Wird verwendet, um alle Elemente mit einem bestimmten Tag-Namen zu finden:

elements = document.getElementsByTagName(tagName)

Gibt eine Sammlung von Knoten zurück.

12 hasChildNodes

Wird verwendet, um zu überprüfen, ob ein bestimmtes Element untergeordnete Knoten hat

booleanValue = element.hasChildNodes

Gibt true oder false zurück.

Das Obige ist die Einführung von 12 Javascript-DOM-Methoden. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn)!