Heim  >  Artikel  >  Web-Frontend  >  Eine kurze Analyse einiger gängiger Methoden für den JS-Betrieb von DOM

Eine kurze Analyse einiger gängiger Methoden für den JS-Betrieb von DOM

高洛峰
高洛峰Original
2017-02-06 09:34:541238Durchsuche

getElementById(): Ruft die Elemente im Dokument mit dem angegebenen eindeutigen ID-Attributwert ab.

getElementsByName(name): Gibt ein Array zurück.

getElementsByTagName(): Gibt das Element mit dem angegebenen Wert zurück Tag-Name Sammlung untergeordneter Elemente

getAttribute(): Gibt den Attributwert des angegebenen Attributnamens zurück

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute(): Fügt das angegebene Attribut hinzu und weist es zu es ist der angegebene Wert.

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

Knotenattribute:

Knotenname (schreibgeschützt): nodeName

Knotenwert: nodeValue

Node Typ (schreibgeschützt):nodeType

Untergeordnete Knoten:

ele.childNodes Rückgabearray

firstChild

lastChild

Übergeordneter Knoten

parentNode hat nur einen

Geschwisterknoten

nextSibling Der Knoten, der unmittelbar auf einen Knoten folgt

previousSibling

Knoten einfügen

appendChild() fügt am Ende ein

insertBefore(newnode,node) vor dem Knoten node

löscht den Knoten

removeChild(node) gibt den gelöschten Knoten erfolgreich zurück und gibt null zurück

Elementknoten ersetzen

replaceChild(newnode,oldnode) Ersetzen von untergeordneten Knotenobjekten implementieren

Elementknoten erstellen

createElement()

Textknoten erstellen

createTextNode()

Knoten kopieren

Der Knoten, der kopiert werden muss.cloneNode(true/false)

true kopiert den aktuellen Knoten extrem, also untergeordneter Knoten, false kopiert nur den aktuellen Knoten

Der obige Artikel analysiert kurz einige gängige Methoden des JS-Betriebs von DOM, was hoffentlich den gesamten vom Editor geteilten Inhalt darstellt Ihnen eine Referenz, und ich hoffe auch, dass jeder die chinesische Website unterstützt.

Weitere Artikel, in denen einige gängige Methoden des JS-Betriebs von DOM kurz analysiert werden, finden Sie auf der chinesischen PHP-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