Heim >Web-Frontend >js-Tutorial >Methoden von Dokumentobjekten in Javascript
Das Dokumentobjekt bietet verschiedene Methoden zum Zugreifen auf und Ändern von HTML-Dokumenten, darunter: Abrufen des Elements mit der angegebenen ID (über getElementById) Abrufen der Elementsammlung basierend auf dem Tag-Namen (über getElementsByTagName) Abrufen der Elementsammlung basierend auf dem Klassenname (über getElementsByClassName) CSS-Auswahl verwenden Elemente suchen (über querySelector und querySelectorAll) Neue Elemente erstellen (über createElement) Elemente aus dem Dokument entfernen (über removeChild) Elemente an das Dokument anhängen (über
Methoden der Dokumentobjekt in JavaScript
Das Dokumentobjekt spielt eine wichtige Rolle in JavaScript und bietet eine breite Palette von Methoden für den Zugriff und die Änderung von HTML-Dokumenten. Im Folgenden sind einige gängige Methoden des Dokumentobjekts aufgeführt:
1.
Das angegebene HTML-Element mit der ID abrufen.
<code class="javascript">const element = document.getElementById('my-element');</code>2. getElementsByTagName(name)
Eine Sammlung von HTML-Elementen mit dem angegebenen Tag-Namen abrufen
<code class="javascript">const elements = document.getElementsByTagName('p');</code>
3. getElementsByClassName (Name)
Erhalten Sie eine Sammlung von HTML-Elementen mit dem angegebenen Klassennamen.
<code class="javascript">const elements = document.getElementsByClassName('my-class');</code>
4. querySelector(selektor)
Verwenden Sie einen CSS-Selektor passendes HTML-Element.
Beispiel:
<code class="javascript">const element = document.querySelector('div.my-div');</code>
5. querySelectorAll(selector)
Suchen Sie alle passenden HTML-Elemente mit CSS-Selektoren (Name)
Erstellen Sie ein neues HTML-Element.
Beispiel:
<code class="javascript">const elements = document.querySelectorAll('p.my-paragraph');</code>
7. RemoveChild(element)
Entfernen Sie ein HTML-Element aus dem Dokument . appendChild(element)
Hängen Sie ein HTML-Element an das Dokument an.
Beispiel:<code class="javascript">const element = document.createElement('p');</code>
10. writeln( Text) )
Text in das Dokument schreiben und umbrechen
Beispiel:<code class="javascript">document.body.removeChild(element);</code>.
Das obige ist der detaillierte Inhalt vonMethoden von Dokumentobjekten in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!