Latest web development tutorials

HTML-DOM-Methoden

Die Methode ist eine Aktion, die wir auf dem Knoten (HTML-Elemente) durchführen kann.

Programming Interface

Mit dem JavaScript (und andere Programmiersprachen) DOM Zugriff auf HTML.

Alle HTML Elemente werden als ein Objekt definiert ist, und die Programmierschnittstelle ist Objektmethode und Objekteigenschaften.

Das Verfahren ist eine Operation (wie zB das Hinzufügen oder Ändern von Elementen), die Sie ausführen können.

Das Eigentum ist, dass Sie bekommen können oder Sollwert (zum Beispiel Knotennamen oder Inhalt).

Methode getElementById ()

getElementById () Methode gibt das Element mit dem angegebenen ID:

Beispiele

var element=document.getElementById("intro");

Versuchen »

HTML-DOM-Objekte - Methoden und Eigenschaften

Einige häufig verwendete HTML-DOM-Methoden:

  • getElementById (id) - Get Knoten (Element) mit dem angegebenen id
  • appendChild (Knoten) - fügen Sie einen neuen untergeordneten Knoten (Element)
  • removeChild (Knoten) - Entfernt den untergeordneten Knoten (Element)

Einige häufig verwendete HTML-DOM-Attribute:

  • innerHTML- - Knoten (Element) Textwert
  • parentNode - Knoten (Elemente) des Elternknotens
  • childnodes - Knoten (Element) des Kindknotens
  • Attribute - Knoten (Element) Attributknoten

In diesem Tutorial werden Sie mehr über die nächsten Kapitel Eigenschaft erfahren.

Real-life Objekte

Eine Person ist ein Objekt.

Ein Ansatz könnte sein, zu essen (), Schlafstörungen (), Arbeit (), play (), und so weiter.

Diese Methoden haben alle, aber sie werden zu verschiedenen Zeiten ausgeführt werden.

Eine Person, die Eigentum, einschließlich Name, Größe, Gewicht, Alter, Geschlecht und so weiter.

Jeder hat diese Eigenschaften, aber ihre Werte variieren.

Einige DOM-Objekt Methoden

Hier sind einige gemeinsame Methoden, die Sie in diesem Tutorial gelernt:

Weg Beschreibung
getElementById () Gibt das Element mit der angegebenen ID.
getElementsByTagName () Gibt eine Liste von Knoten (set / Knoten-Array), um alle Elemente mit dem angegebenen Tag-Namen enthält.
getElementsByClassName () Gibt eine Liste aller Elemente mit dem angegebenen Knoten den Namen der Klasse enthält.
appendChild () Um einen neuen untergeordneten Knoten mit dem angegebenen Knoten hinzuzufügen.
removeChild () Entfernt den untergeordneten Knoten.
replaceChild () Ersetzen Sie untergeordnete Knoten.
insert () Setzen Sie einen neuen Kindknoten vor dem angegebenen untergeordneten Knoten.
Create () Erstellen Sie Attributknoten.
createelement () Erstellen Sie einen Elementknoten.
createTextNode () Erstellen Sie einen Textknoten.
getAttribute () Gibt die angegebene Attributwerte.
setAttribute () Zum Einstellen oder den angegebenen Wert der angegebenen Eigenschaft ändern.