Heim >Web-Frontend >js-Tutorial >Wie erhalte ich den vollständigen HTML-Code des Dokuments als String in JavaScript?
Zugriff auf den vollständigen HTML-Code des Dokuments als String
In JavaScript können Sie den vollständigen HTML-Code innerhalb der Tags als String. Typischerweise wird diese Methode verwendet, um Aufgaben wie das Scrapen von Webseiten oder das Erfassen des aktuellen Status des Dokuments zu Protokollierungs- oder Debugzwecken zu erleichtern.
Lösung:
Unabhängig vom Ansatz Sie wählen, der Prozess umfasst das Abrufen des Stammverzeichnisses Element, referenziert als document.documentElement.
Verwendung von innerHTML:
Wenn Ihr Ziel darin besteht, den HTML-Inhalt innerhalb des Tags, mit Ausnahme des Tags selbst, nutzen das .innerHTML-Attribut:
const html = document.documentElement.innerHTML;
Diese Methode gibt eine Zeichenfolge zurück, die den gesamten HTML-Inhalt zwischen und Tags.
Verwendung von OuterHTML:
Umgekehrt, wenn Sie die Tag zusammen mit seinem Inhalt verwenden Sie das .outerHTML-Attribut:
const html = document.documentElement.outerHTML;
Diese Methode liefert eine Zeichenfolge, die sowohl das -Tag und den HTML-Inhalt, den es kapselt.
Diese Zeichenfolgendarstellungen des HTML-Codes des Dokuments können einer Variablen zur weiteren Verarbeitung, Bearbeitung oder Anzeige zugewiesen werden.
Das obige ist der detaillierte Inhalt vonWie erhalte ich den vollständigen HTML-Code des Dokuments als String in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!