Maison > interface Web > js tutoriel > Comment obtenir le HTML complet du document sous forme de chaîne en JavaScript ?

Comment obtenir le HTML complet du document sous forme de chaîne en JavaScript ?

DDD
Libérer: 2024-10-29 09:17:02
original
583 Les gens l'ont consulté

How to Get the Full Document HTML as a String in JavaScript?

Accès au HTML complet du document sous forme de chaîne

En JavaScript, vous pouvez obtenir le code HTML complet dans le champ balises sous forme de chaîne. Généralement, cette méthode est utilisée pour faciliter des tâches telles que le scraping de pages Web ou la capture de l'état actuel du document à des fins de journalisation ou de débogage.

Solution :

Quelle que soit l'approche vous choisissez, le processus implique de récupérer la racine élément, référencé comme document.documentElement.

Utilisation de innerHTML :
Si votre objectif est d'obtenir le contenu HTML dans le les balises, à l'exclusion de la balise elle-même, exploitent l'attribut .innerHTML :

const html = document.documentElement.innerHTML;
Copier après la connexion

Cette méthode renvoie une chaîne contenant l'intégralité du contenu HTML entre les balises et tags.

Utilisation de externalHTML :
À l'inverse, si vous souhaitez capturer les balises avec son contenu, utilisez l'attribut .outerHTML :

const html = document.documentElement.outerHTML;
Copier après la connexion

Cette méthode génère une chaîne englobant à la fois l'attribut balise et le contenu HTML qu'elle encapsule.

Ces représentations sous forme de chaîne du HTML du document peuvent être attribuées à une variable pour un traitement, une manipulation ou un affichage ultérieur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal