So verwenden Sie ein Dokument in js

Dokument ist ein globales Objekt in JavaScript, das zur Interaktion mit HTML-Dokumenten verwendet wird. Zu den Hauptverwendungen gehören: Abrufen und Ändern von DOM-Elementen, Abhören von Ereignissen und Behandeln von Benutzerinteraktionen, Zugreifen auf Seitenmetadaten, Speichern und Abrufen von Daten. Verwendung: Das Dokumentobjekt ist eine globale Variable und kann direkt verwendet werden. Zu den Attributen gehören documentElement, body, head, cookie, location, title. Zu den Hauptmethoden gehören getElementById, getElementsByTagName, createElement, addEventListener, removeEve. Es stellt eine Reihe von Methoden und Eigenschaften für die Interaktion mit dem DOM (Document Object Model) bereit, um Vorgänge wie Seitenmanipulation, Formularvalidierung oder die Handhabung von Benutzerinteraktionen durchzuführen.

Hauptzweck:

DOM-Elemente abrufen und ändern

Ereignisse abhören und Benutzerinteraktionen verarbeiten

Zugriff auf Seitenmetadaten (wie Titel, URL)

Daten speichern und abrufen (über Cookies, lokaler Speicher)

• Anwendung:
• Das Dokumentobjekt wird automatisch zu einer globalen Variablen für alle Browserfenster. Daher können Sie es direkt wie folgt verwenden:

• document.getElementById("myElement").innerHTML = "Hello World!";

• Hauptattribute:

documentElement:

Zeigt auf das Stammelement (HTML) des HTML-Dokuments.

body: Zeigt auf das Body-Element (Body) des HTML-Dokuments.

head:
• Zeigt auf das Head-Element (Head) des HTML-Dokuments.
Cookie:
• String, der das Cookie der aktuellen Seite enthält.
Standort:
• Bietet Informationen über die aktuelle Seiten-URL und den Standort.
Titel:
• Den Titel der Seite abrufen oder festlegen.
• Hauptmethode:
• getElementById(id): Ruft das Element auf der Seite basierend auf seiner ID ab.

getElementsByTagName(name): Alle passenden Elemente auf der Seite basierend auf ihren Namen abrufen.

createElement(element):
• Ein neues Element erstellen.
addEventListener(event, listener):
• Bestimmte Ereignisse auf dem Element abhören.
removeEventListener(event, listener):
• Entfernen Sie den Ereignis-Listener.
querySelector(Selektor):
• Verwenden Sie den CSS-Selektor, um Elemente auf der Seite abzurufen.
querySelectorAll(selector):
• Verwenden Sie den CSS-Selektor, um alle passenden Elemente auf der Seite abzurufen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie ein Dokument in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!