Heim >Web-Frontend >js-Tutorial >Eine kurze Analyse einiger gängiger Methoden für den JS-Betrieb von DOM
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!