HTML -DOM -Methoden und Eigenschaften
JavaScript kann auch auf das HTML -Dokumentobjektmodell (DOM) zugreifen, ähnlich wie bei anderen Programmiersprachen. Alle HTML -Elemente sind definiert als “ObjekteIn der DOM, wobei jedes Objekt über einige Methoden und Eigenschaften verfügt. Die HTML -DOM -Eigenschaft ist ein Wert, der abgerufen oder geändert werden kann, und die HTML -DOM -Methode ist eine Aktion, die Sie für HTML -Elemente ausführen können, z. B. das Löschen von HTML -Elementen.
In diesem Bericht werden HTML-DOM-Methoden und -eigenschaften erörtert. Darüber hinaus werden wir auch separate Listen der nützlichsten HTML -DOM -Methoden und Eigenschaften in JavaScript bereitstellen. So lass uns anfangen!
HTML DOM -Methoden
Der "Aktionen”Sie mit HTML -Elementen werden als HTML DOM -Methoden bezeichnet. Sie können die HTML -DOM -Methoden als JavaScript -Anfänger verwenden, um die erforderlichen Ergebnisse zu generieren, ohne zu viel Mühe zu geben und eine Reihe von Code zu schreiben. Die HTML -DOM -Methoden können Sie bei der Vereinfachung der Aufgabe unterstützen.
In der folgenden Tabelle haben wir einige der HTML-DOM-Methoden zusammengestellt, die für alle HTML-Elemente verwendet werden können:
| HTML DOM -Methoden | Beschreibung |
| AddEventListener () | Der "AddEventListener ()Die HTML -DOM -Methode wird zum Anbringen eines Ereignishandlers an ein bestimmtes Element verwendet. |
| appendChild () | Der "appendChild ()Die Methode wird verwendet, um einen neuen untergeordneten Knoten für ein Element hinzuzufügen. |
| verwischen() | Der "verwischen()Die Methode wird verwendet, um den Fokus aus einem HTML -Element zu beseitigen. |
| klicken() | Der "klicken()”Methode setzt ein Mausklick auf ein HTML-Element auf. |
| Clonenode () | Der "Clonenode ()Die Methode wird verwendet, um ein Element zu klonen. |
| am nächsten () () | Der "am nächsten () ()Die HTML -DOM -Methode wird zum Durchsuchen des DOM -Baums nach dem nächsten Element verwendet, das mit einem angegebenen CSS -Selektor übereinstimmt. |
| verglichenenOcumentPosition () | Der "verglichenenOcumentPosition ()Die HTML -DOM -Methode wird zum Vergleich der Dokumentenposition von zwei beliebigen HTMLElements verwendet. |
| exitFullscreen () | Der "existingscreen ()”Eigenschaften storniert ein Element in einem Vollbildmodus. |
| Fokus() | Der "Fokus()”HTML -DOM -Methode zum Zuweisen von Fokus zu einem HTML -Element. |
| GetAttribute () | Der "GetAttribute ()Die HTML -DOM -Methode zeigt den Attributwert eines Elements an. |
| GetAttributenode () | Der "GetAttributenode ()Die HTML -DOM -Methode zeigt den angegebenen Attributknoten an. |
| GetBoundingClientRect () | Der "GetBoundingClientRect ()Die HTML -DOM -Methode gibt die Position und Größe eines Elements aus, das sich auf das Ansichtsfenster bezieht. |
| GetElements byclassName () | Der "GetElementByClassName ()Die HTML -DOM -Methode zeigt die Liste der untergeordneten Elemente einer bestimmten Klasse an. |
| GetElementsByTagName () | Der "GetElementsByTagName ()Die HTML -DOM -Methode zeigt die Liste der untergeordneten Elemente eines bestimmten Tags an. |
| HasAttribute () | Der "HasAttribute ()”HTML -DOM -Methode gibt true aus, wenn ein Element das hinzugefügte Attribut hat. Andernfalls gibt diese Methode false zurück. |
| HaSchildnodes () | Der "HaSchildnodes ()”HTML -DOM -Methode gibt true aus, wenn ein bestimmtes Element untergeordneten Knoten enthält. Andernfalls gibt diese Methode false zurück. |
| InsertAdjacentelement () | Der "InsertAdjacentelement ()Die HTML -DOM -Methode wird zum Einsetzen eines HTML -Elements an einer bestimmten Position verwendet, die sich auf das aktive Element bezieht. |
| InsertAdjacentHtml () | Der "InsertAdjacentHtml ()Die HTML -DOM -Methode wird verwendet. |
| InsertAdjaCentText () | Der "InsertAdjaCentText ()Die HTML -DOM -Methode wird zum Einfügen von Text an einer bestimmten Position verwendet, die sich auf das aktive Element bezieht. |
| InsertBefore () | Der "InsertBefore ()Die HTML -Methode wird zum Einsetzen eines neuen Kinderknotens vor einem vorhandenen Kinderknoten verwendet. |
| isDefaultNameSpace () | Der "isDefaultNameSpace ()”Die HTML -DOM -Methode gibt true aus, wenn ein bestimmter Namespaceuri als Standard festgelegt ist. Andernfalls gibt diese Methode false aus. |
| isequalnode () | Der "isequalnode ()Die Methode wird zur Überprüfung verwendet, ob zwei HTML -Elemente gleich sind oder nicht. |
| issamenode () | Der "issamenode ()Die HTML -DOM -Methode wird zur Überprüfung verwendet, ob zwei HTML -Elemente der gleiche Knoten sind oder nicht. |
| wird unterstützt() | Der "wird unterstützt()”HTML DOM -Methode gibt true aus, wenn eine bestimmte Funktion für das HTML -Element unterstützt wird. |
| Streichhölzer() | Der "Streichhölzer()Die Methode gibt einen booleschen Wert aus, der angibt, ob ein bestimmter CSS -Selektor mit einem Element übereinstimmt oder nicht. |
| normalisieren() | Der "normalisieren()Die HTML -DOM -Methode wird zum Verbinden benachbarter Textknoten und zum Eliminieren leerer Textknoten aus einem HTML -Element verwendet. |
| QuerySelector () | Der "QuerySelector ()Die HTML -DOM -Methode wird verwendet, um das erste untergeordnete Element auszugeben, das mit einem bestimmten CSS -Selektor eines HTML -Elements übereinstimmt. |
| QuerySelectorAll () | Der "QuerySelectorAll ()Die Methode gibt alle untergeordneten Elemente zurück, die einem bestimmten CSS -Selektor eines Elements entsprechen. |
| entfernen() | Der "entfernen()Die HTML -DOM -Methode wird zum Entfernen eines bestimmten HTML -Elements von DOM verwendet. |
| removeTtribute () | Der "removeTtribute ()Die HTML -DOM -Methode wird verwendet, um ein bestimmtes Attribut aus einem HTML -Element zu entfernen. |
| removeTtributenode () | Der "removeTtributenode ()Die HTML -DOM -Methode eliminiert den hinzugefügten Attributknoten und zeigt ihn als Ausgabe an. |
| removechild () | Der "removechild ()Die HTML -DOM -Methode wird verwendet. |
| REMENDEVENTLISTENER () | Der "REMENDEVENTLISTENER ()Die HTML -DOM -Methode wird zum Entfernen eines beigefügten Ereignishandlers verwendet. |
| ErsatzEchild () | Der "ErsatzEchild ()Die HTML -DOM -Methode wird zum Ersetzen eines untergeordneten Knotens aus einem HTML -Element verwendet. |
| anforderungsschutz () | Der "anforderungsbildschirm () ”Die HTML -DOM -Methode wird verwendet, um das HTML -Element im Vollbildmodus anzuzeigen. |
| scrollintoview () | Der "scrollintoview ()Die HTML -DOM -Methode wird zum Scrollen eines bestimmten HTML -Elements in den sichtbaren Bereich des Browsers verwendet. |
| setAttribute () | Der "setAttribute ()Die HTML -DOM -Methode wird zum Einstellen der Attribute auf den Mehrwert verwendet. |
| setAttributenode () | Der "setAttributenode ()Die HTML -DOM -Methode wird zum Ändern oder Anzeigen des angegebenen Attributknotens verwendet. |
| tostring () | Der "tostring ()Die HTML -DOM -Methode wird zum Konvertieren eines Elements in eine Zeichenfolge verwendet. |
HTML DOM -Eigenschaften
Die Werte, die Sie festlegen oder die HTML -Elemente ändern können, werden als HTML -DOM -Eigenschaften bezeichnet. Die HTML-Eigenschaften werden durch DOM definiert, was durch die Verwendung der vordefinierten HTML-DOM-Eigenschaften leicht geändert werden kann.
Schauen Sie sich nun die untergegebene Tabelle an. Wir haben einige der HTML -DOM -Eigenschaften zusammengestellt, die für alle HTML -Elemente verwendet werden können:
| HTML DOM -Eigenschaften | Beschreibung |
| Zugangsschlüssel | Der "Zugangsschlüssel”Setzt oder gibt die AccessKey HTML DOM -Eigenschaft ein oder gibt es zurück. |
| Attribute | Der "Attribute”HTML DOM -Eigenschaft gibt eine benannte Nodemap des Attributs eines HTML -Elements aus. |
| Wirksamkeit | Der "WirksamkeitEigenschaft erhält das derzeit aktive Element. |
| ChildelementCount | Der "ChildelementCount”HTML DOM -Eigenschaft wird verwendet, um die Gesamtzahl der untergeordneten Elemente eines HTML -Elements anzuzeigen. |
| Kinder | Der "Kinder”HTML DOM -Eigenschaft gibt die untergeordneten Knoten eines HTML -Elements aus. |
| Klasse | Der "Klasse”HTML DOM -Eigenschaft gibt den Klassennamen eines Elements zurück. |
| Klassenname | Der "Klassenname”HTML DOM -Eigenschaft wird zum Ändern oder Anzeigen des HTML -Klassennamenwerts verwendet. |
| ClientHeight | Der "ClientHeight”HTML DOM -Eigenschaft gibt die Höhe des HTML -Elements aus. |
| ClientLeft | Der "ClientLeft”HTML DOM -Eigenschaft wird verwendet, um die Breite des linken Randes eines HTML -Elements anzuzeigen. |
| ClientTop | Der "ClientTop”HTML DOM -Eigenschaft wird verwendet, um die Breite eines HTML -Elements der oberen Grenze anzuzeigen. |
| Clientbreite | Der "ClientbreiteDie Eigenschaft gibt die Breite eines Elements zurück oder gibt die Polsterung aus. |
| zufriedenbar | Der "zufriedenbar”HTML DOM -Eigenschaftssätze oder Rückgaben, ob der Inhalt eines Elements bearbeitet werden kann oder nicht. |
| Dir | Der "Dir”HTML DOM -Eigenschaft wird zum Ändern oder Anzeigen des Dir -Werts eines Elements verwendet. |
| erstes Kind | Der "erstes Kind”HTML DOM -Eigenschaft wird verwendet, um den ersten untergeordneten Knoten eines HTML -Elements anzuzeigen. |
| FirstElementChild | Der "FirstElementChild”HTML DOM -Eigenschaft wird verwendet, um das erste untergeordnete Element eines HTML -Elements anzuzeigen. |
| Ausweis | Der "Ausweis”HTML DOM -Eigenschaft wird zum Ändern und Anzeigen des ID -Attributwerts eines Elements verwendet. |
| Innerhtml | Der "InnerhtmlDie HTML -DOM -Eigenschaft wird zum Ändern und Anzeigen des Inhalts des Elements verwendet. |
| InnerText | Der "InnerText”HTML DOM -Eigenschaft wird zum Ändern und Anzeigen des Textinhalts des Knotens und seiner Nachkommen verwendet. |
| ersetzt | Der "ersetzt”HTML DOM -Eigenschaft wird zur Überprüfung verwendet, ob der Inhalt eines Elements bearbeitbar ist oder nicht. |
| Lang | Der "Lang”HTML DOM -Eigenschaft wird verwendet, um den Wert des Lang -Attributs eines HTML -Elements festzulegen. |
| letztes Kind | Der "letztes KindImmobilie gibt den letzten Kinderknoten eines Elements zurück. |
| LastElementChild | Der "LastElementChildDie Eigenschaft HTML DOM wird verwendet, um das letzte untergeordnete Element eines Elements anzuzeigen. |
| Namespaceuri | Der "Namespaceurl”HTML DOM -Eigenschaft wird verwendet, um den Namespace URI eines HTML -Elements auszugeben. |
| Nextsibling | Der "Nextsibling”HTML DOM -Eigenschaft wird zum Anzeigen des nächsten Knotens in einer Baumebene verwendet. |
| NextElementssibling | Der "NextElementssibling”HTML DOM -Eigenschaft wird zum Anzeigen des nächsten HTML -Elements in einer Baumebene verwendet. |
| Knotenname | Der "Knotenname”HTML DOM -Eigenschaft gibt den Knotennamen aus. |
| Nodetyp | Der "NodetypDie Eigenschaft HTML DOM wird zum Anzeigen des Knotentyps verwendet. |
| NodeValue | Der "NodeValue”HTML DOM -Eigenschaft wird zum Anzeigen oder Ändern des Knotenwerts verwendet. |
| Eigentümerdokument | Der "EigentümerdokumentEigenschaften setzt oder gibt das Stammelement oder das Dokumentobjekt für ein Element ein oder gibt es zurück. |
| Elternknoten | Der "Elternknoten”HTML DOM -Eigenschaft wird zum Anzeigen des übergeordneten Knotens eines Elements verwendet. |
| Parentelement | Der "Parentelement”HTML DOM -Eigenschaft wird zum Anzeigen des übergeordneten Elements des HTML -Elements verwendet. |
| Voreingenommener | Der "Voreingenommener”HTML DOM -Eigenschaft wird zum Anzeigen des vorherigen Geschwister des HTML -Elements verwendet. |
| Vorheriges Gesischen | Der "Vorheriges Gesischen”HTML DOM -Eigenschaft wird verwendet, um das Geschwister des vorherigen HTML -Elements anzuzeigen. |
| Scrollheight | Der "Scrollheight”HTML DOM -Eigenschaft wird zur Anzeige der Höhe eines HTML -Elements verwendet. |
| Stil | Der "Stil”HTML DOM -Eigenschaft wird zum Ändern oder Anzeigen des Wertes des Attributs eines HTML -Elements verwendet. |
| Tabindex | Der "Tabindex”HTML DOM -Eigenschaft wird zum Ändern oder Anzeigen des Registerkartenindexwerts des Attributs eines HTML -Elements verwendet. |
| Verlinke den Namen | Der "Verlinke den Namen”HTML DOM -Eigenschaft wird zum Anzeigen des Tagennamens eines Elements verwendet. |
| Textinhalt | Der "Textinhalt”HTML DOM -Eigenschaft wird zum Ändern oder Anzeigen des Textinhalts eines Knotens verwendet. |
| Titel | Der "Titel”Wird zum Ändern oder Anzeigen des Wertes des Titelsattributs des HTML -Elements verwendet. |
| Skripte | Der "SkripteEigenschaft wird verwendet, um alle Skriptelemente zu erhalten. |
| strengeresRorchecking | Der "strengeresRorcheckingDie Eigenschaft wird zum Einstellen der Fehlerprüfung in den strengen Modus verwendet. |
| URL | Der "URL”HTML DOM -Eigenschaft wird verwendet, um die vollständige URL eines HTML -Dokuments zu erhalten. |
Abschluss
Ein als Objekt definiertes HTML -Element hat einige DOM -Eigenschaften und -Methoden. HTML -DOM -Methoden Geben Sie die Aktion an, die Sie im HTML -Element ausführen möchten, während die HTML -DOM -Eigenschaften die Werte sind, die Sie für ein bestimmtes Objekt oder ein bestimmtes HTML -Element abrufen oder festlegen möchten. In diesem Artikel wurden HTML-DOM-Methoden und Eigenschaften besprochen. Darüber hinaus haben wir auch separate Listen der nützlichsten HTML -DOM -Methoden und Eigenschaften in JavaScript bereitgestellt.