Was ist ein Javascript-Knoten?

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer

Die Knoten in JavaScript sind der gesamte Inhalt der Seite (Beschriftungen, Attribute, Text (Text, Zeilenumbrüche). , Leerzeichen, Wagenrückläufe) ), Knoten.

Unsere häufig verwendeten Knotenbezeichnungen:

• Elementknoten (Beschriftung)

• Textknoten

• Attributknoten (Attribut im Etikett)

Den Knoten abrufen

Element Es gibt viele Möglichkeiten, Knoten zu erhalten

Document.querySelectorAll ()
Erfassung von Attributknoten
Element.attributes Ruft die Menge aller Attribute des Elements ab
Element.setAttribute("Attribute name", "Attribute value") Setzt Attribute und Attributwerte ​​für das Element
Element.getAttribute("Attribute name") Methode zum Abrufen des Attributwerts
Element.removerAttribute("Attribute") zum Löschen des Attributs

Textknoten

• Es gibt keinen Methode, um es zu bekommen, es ist bedeutungslos

• Das Element abrufen Der untergeordnete Knoten

element.childNodes ist kompatibel. Standardbrowser erhalten Textknoten, Browser niedrigerer Versionen jedoch nicht. Daher wird empfohlen, das Attribut „children“ zu verwenden, um einen einzelnen untergeordneten Knoten zu erhalten.

• Holen Sie sich den ersten untergeordneten Knoten:

  标准下 　　元素.firstElementChild
  非标准下　  元素.firstChild

  Nach dem Login kopieren
Kompatibles Schreiben

• var list=document.getElementById("list")
  var fist=listElementChild||list.fistChild
  console.log(fist)

  Nach dem Login kopieren

  Holen Sie sich den letzten untergeordneten Knoten

element.lastElementChild　 Element.lastChild

Holen Sie sich den Geschwisterknoten

Element. previousSibling Geschwisterknoten.

Element.nextSibling　Element .nextElementSibling

Element.parentNode Keine Kompatibilität

Element.parentNode.parentNode

Unterscheiden Sie zwischen Offsetparent und ParentNode

1. Knotenmethodendokument erstellen. createElement("div")

2. Methode zum Einfügen von Knoten

Parent node.appendChild(new node)

Einen neuen Knoten nach dem untergeordneten Knoten des übergeordneten Knotens einfügen (1) Übergeordnetes Element.insetBefore (neuer Knoten, vor dem) Fügen Sie den neuen Knoten vor dem angegebenen Element ein ]