Dokumenteigenschaften und Methoden von JS

In JavaScript ist das Dokumentobjekt ein sehr wichtiges globales Objekt, das das gesamte HTML-Dokument darstellt. Sie können über das Dokumentobjekt auf den Inhalt und die Struktur eines HTML-Dokuments zugreifen und diese ändern. Im Folgenden sind einige gängige Dokumenteigenschaften und -methoden aufgeführt:

Eigenschaften

1. document.title: Ruft den Titel des Dokuments ab oder legt ihn fest, der normalerweise in der Titelleiste oder Beschriftung des Browsers angezeigt wird.

Javascript

document.title = "新的页面标题";

2. document.URL: Holen Sie sich die vollständige URL des Dokuments.

javascript

console.log(document.URL);

3. document.documentElement: Ruft das Stammelement des Dokuments ab, normalerweise das 100db36a723c770d327fc0aef2ce13b1

Javascript

console.log(document.documentElement);

4. Dokument.body: Holen Sie sich das 6c04bd5ca3fcae76e30b72ad730ca86d

Javascript

console.log(document.body);

5. Holen Sie sich das 93f0f5c25f18dab9d176bd4f6de5d30e-Element.

javascript

console.log(document.head);

6. document.referrer: Ruft die URL der vorherigen Seite ab, die zur aktuellen Seite navigiert.

Javascript

console.log(document.referrer);

Methode

1. document.getElementById(id): Ruft das Element basierend auf der angegebenen ID ab.

javascript

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

2. document.getElementsByClassName(className): Ruft die Sammlung von Elementen basierend auf dem angegebenen Klassennamen ab.

javascript

var elements = document.getElementsByClassName("myClassName");

3. document.getElementsByTagName(tagName): Ruft die Elementsammlung basierend auf dem angegebenen Tag-Namen ab.

javascript

var elements = document.getElementsByTagName("div");

4. document.querySelector(selector): Gibt das erste Element im Dokument zurück, das dem angegebenen CSS-Selektor entspricht.

javascript

var element = document.querySelector(".myClass");

5. document.querySelectorAll(selector): Gibt eine NodeList (statisch) aller Elementelemente im Dokument zurück, die dem angegebenen CSS-Selektor entsprechen.

Javascript

var elements = document.querySelectorAll(".myClass");

6. document.createElement(tagName): Erstellt ein neues Element.

javascript

var newElement = document.createElement("div");

7 document.createTextNode(text): Erstellt einen neuen Textknoten.

javascript

var textNode = document.createTextNode("Hello, world!");

8. document.appendChild(node): Einen untergeordneten Knoten an ein Element des Dokuments anhängen.

javascript

someElement.appendChild(newElement);

9. document.removeChild(node): Entfernen Sie einen untergeordneten Knoten aus dem Dokument.

javascript

someElement.removeChild(childElement);

9. document.write(content): Schreiben Sie einen HTML-Ausdruck oder JavaScript-Code in das Dokument.

Javascript

document.write("<p>这是一个段落。</p>");

Dies sind nur einige der Eigenschaften und Methoden des Dokumentobjekts. Tatsächlich stellt das Dokumentobjekt viele weitere Funktionen und Methoden zur Handhabung des Inhalts und der Struktur von HTML-Dokumenten bereit. Weitere Informationen finden Sie in der entsprechenden JavaScript-Dokumentation oder in den entsprechenden Tutorials.

Das obige ist der detaillierte Inhalt vonDokumenteigenschaften und Methoden von JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!