Heim > Artikel > Web-Frontend > Was sind die am häufigsten verwendeten DOM-Methoden in JavaScript?
Häufig verwendete Methoden: appendChild(), insertBefore(), hasChildNodes(), removeChild(), replacementChild(), cloneNode(), write(), open(), writeln() usw.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Member-Methode des Knotens
appendChild(): Fügen Sie einen untergeordneten Knoten am Ende der untergeordneten Knotenliste des Knotens hinzu:
var method = document.getElementById('method'); var input = document.createElement('input'); method.appendChild('input');
insertBefore(): Fügen Sie einen untergeordneten Knoten vor dem angegebenen Knoten im untergeordneten Knoten des Knotens hinzu list :
method.insertBefore(input,method.childNodes[1]);
hasChildNodes(): Überprüfen Sie, ob ein Knoten untergeordnete Knoten hat:
method.hasChildNodes();
removeChild(): Entfernen Sie den angegebenen Knoten des Knotens:
method.removeChild(method.childNodes[1]);
replaceChild(): Verwenden Sie den angegebenen Knoten, um ein anderes angegebenes Kind zu ersetzen node:
method.replaceChild(input,method.childNodes[1]);
cloneNode() Knoten klonen:
var relation=document.getElementById('relation'); var newRel=relation.cloneNode(true);
document document node
Methode zum Abrufen des Elementknotens
getElementById(): Elementknoten anhand der ID abrufen
var ele=document.getElementById('ele');
getElementsByTagName(): Knoten abrufen Liste nach Tag-Namen Collection
var ps=document.getElementsByTagName('p'); console.log(ps.length);"
getElementsByName(): Ruft die Sammlung von Elementknoten über das Name-Attribut ab:
var sexs=document.getElementsByName('user'); console.log(sexs);"
Methode zum Erstellen eines Knotens
createElement(): Erstellt einen Elementknoten
var b=document.createElement('b');
createAttribute( ): Erstellen Sie einen Attributknoten.
var classAttr=document.createAttribute('class'); classAttr.value='on';"
createTextNode(): Erstellen Sie einen Textknoten Textfluss zur Seite und Hinzufügen von n
var newtext=document.createTextNode('First');
open(): Öffnen eines Dokumentstreamsdocument.write('哈哈');
close(): Schließen eines Dokumentstreams
document.writeln('哈哈');
【Empfohlenes Lernen:
Javascript-Tutorial für Fortgeschrittene
Das obige ist der detaillierte Inhalt vonWas sind die am häufigsten verwendeten DOM-Methoden in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!