Zusammenfassung der nativen JavaScript-Operationen auf Dom-Knoten

Bei der Entwicklung von JavaScript-Programmen wird am häufigsten die Operation von dom verwendet. Heute werden wir die Operationen von nativem JavaScript auf dem Dom-Knoten zusammenfassen Um die Funktionsweise von JavaScript mit DOM-Knoten zu verstehen, können Sie einen Blick darauf werfen.

1. Elementknoten abrufen

Einzelnes Element abrufen: document.getElementById(); ) //Erstes Element abrufen;

Mehrere Elemente abrufen (Sie können ein einzelnes Element per Index auswählen und eine Reihe von Elementen zurückgeben, äquivalent zu einem Array):

document.getElementsByTagName(); 
document.getElementsByName(); 
document.getElementsByClassName();// 动态，实时的 
document.querySelectorAll();// 查找速度比上面的块 //是静态的，非实时的，

Elemente erstellen, Text

document.createElement(“p”)； 
document.createNode(“hello”) //创建文件节点。

In Dokument einfügen

parentNode.appendChild(newNode)， 
parentNode.insertBefore(newNode，positionNode)；

Attributmanipulation

ele.setAttribute(name，value)//设置属性 
ele.getAttribute(name)//获取元素的属性 
ele.removeAttribute(name)//移除属性

Knotenentfernung

ele.remove(),parentNode.removeChild(childNode)

Untergeordnetes Element ersetzen

parentNode.replaceChild(newNode,oldNode)

Element kopieren

ele.cloneNode(boolean);// boolean为true， 深复制。

2. Untergeordnete Elemente, übergeordnete Elemente und Geschwisterelemente abrufen

ele.previousElementSibling;//上一个兄弟元素 
ele.parentNode;//父元素 
ele.children//子元素 
ele.nextElementSibling//下一个兄弟元素

Mehr über Knotenoperationen:

Zusammenfassung der DOM-Knotenoperationsmethoden in jQuery

Das obige ist der detaillierte Inhalt vonZusammenfassung der nativen JavaScript-Operationen auf Dom-Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!