Heim > Web-Frontend > js-Tutorial > Wie erhalte ich den vollständigen HTML-Code des Dokuments als String in JavaScript?

Wie erhalte ich den vollständigen HTML-Code des Dokuments als String in JavaScript?

DDD
Freigeben: 2024-10-29 09:17:02
Original
555 Leute haben es durchsucht

How to Get the Full Document HTML as a 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;
Nach dem Login kopieren

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;
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage