Heim  >  Artikel  >  Web-Frontend  >  Was ist ein Javascript-Knoten?

Was ist ein Javascript-Knoten?

藏色散人
藏色散人Original
2021-03-31 11:26:445324Durchsuche

Javascript-Knoten beziehen sich auf den gesamten Inhalt der Seite, einschließlich Tags, Attribute und Text. Die Methoden zum Abrufen von JavaScript-Elementknoten sind: 1. getElementById()-Methode, 2. getElementsByClassName()-Methode usw.

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
  • Kompatibles Schreiben
  • var list=document.getElementById("list")
    var fist=listElementChild||list.fistChild
    console.log(fist)

    Holen Sie sich den letzten untergeordneten Knoten

  • element.lastElementChild  Element.lastChild

Holen Sie sich den Geschwisterknoten

Element. previousSibling Geschwisterknoten.

Element.nextSibling Element .nextElementSibling

Den übergeordneten Knoten abrufen

Element.parentNode Keine Kompatibilität

Element.parentNode.parentNode

Unterscheiden Sie zwischen Offsetparent und ParentNode

DOM2 Knoten erstellen

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 ]

Das obige ist der detaillierte Inhalt vonWas ist ein Javascript-Knoten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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