Heim  >  Artikel  >  Web-Frontend  >  Was sind die am häufigsten verwendeten DOM-Methoden in JavaScript?

Was sind die am häufigsten verwendeten DOM-Methoden in JavaScript?

青灯夜游
青灯夜游Original
2021-07-16 17:23:562199Durchsuche

Häufig verwendete Methoden: appendChild(), insertBefore(), hasChildNodes(), removeChild(), replacementChild(), cloneNode(), write(), open(), writeln() usw.

Was sind die am häufigsten verwendeten DOM-Methoden in JavaScript?

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 Dokumentstreams

document.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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn