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
Javascript
console.log(document.documentElement);
4. Dokument.body: Holen Sie sich das
Javascript
console.log(document.body);
5. Holen Sie sich das-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("这是一个段落。
");
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!
