Heim > Web-Frontend > js-Tutorial > Eine kurze Diskussion über DOM-Methoden in javascript_javascript skills

Eine kurze Diskussion über DOM-Methoden in javascript_javascript skills

WBOY
Freigeben: 2016-05-16 15:50:03
Original
1195 Leute haben es durchsucht

1: Drei Möglichkeiten, Objekte zu erhalten

1) document.getElementById(id); Rufen Sie es über die Attribut-ID des Objekts ab;

2) element.getElementByTagName(tag); Nach Tag-Namen abrufen;

3) element.getElementByClassName(class); Rufen Sie es über den Attributklassennamen ab;

2: Methoden für Attribute festlegen und abrufen.

1) object.getAttribute(attribute); Ruft das Attribut des Elements ab.===>>>HTMLDOM: object.attribute;

 2)object.setAttribute(attribute,value);Legen Sie das Attribut des Elements fest.====>>>HTMLDOM:object.attribute=value;

3: Einige Eigenschaften von Knoten

1) childNodes-Attribut: gibt ein Array zurück.

 element.childNodes[0] entspricht element.firstChild

 element.childNodes[element.childNodes.length] entspricht element.lastChild

2) nodeType-Attribut: Es gibt insgesamt 12 mögliche Werte, aber nur 3 davon sind wertvoll

nodeType=1 des Elementknotens

 Attributknoten nodeType=2

Textknoten nodeType=3

 3) nodeValue-Attribut: Die Hauptfunktion besteht darin, den Textinhalt im Element zu ändern. Die Funktion ähnelt object.innerHTML

Zum Beispiel:

Dies ist ein Textknoten

var p=document.getElementById("p");

p.childNodes[0].nodeValue="Ändern Sie den Inhalt des Textknotens";

Dadurch wird der Inhalt im p-Knoten geändert;

Es kann auch so implementiert werden: p.innerHTML="Ändern Sie den Inhalt des Textknotens";

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage