Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine kurze Diskussion über DOM-Methoden in Javascript

高洛峰
Freigeben: 2017-02-06 09:27:08
Original
1213 Leute haben es durchsucht

1: Drei Möglichkeiten, ein Objekt abzurufen

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

2) element.getElementByTagName(tag); es über den Tag-Namen;

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

2: Die Set- und Get-Methoden des Attributs.

 1) object.getAttribute(attribute); Holen Sie sich das Attribut des Elements ===>>>HTMLDOM: object.attribute;

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

3: Einige Attribute zu Knoten

 1) childNodes-Attribut: Gibt ein zurück array.

Element.childNodes[0] entspricht element.firstChild

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

2) nodeType-Attribut: Es gibt insgesamt 12 Möglichkeiten Der Wert Aber nur 3 davon haben einen Verwendungswert

 Der nodeType des Elements node=1

 Der nodeType=2 des Attributs node

 Der nodeType des Textes node=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";

 Auf diese Weise 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, dass er Ihnen allen gefällt.

Weitere Artikel zur DOM-Methode in JavaScript finden Sie auf der chinesischen PHP-Website!

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