communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Comment récupérer le contenu HTML d'une page Web sous forme de chaîne en JavaScript ?

Comment récupérer le contenu HTML d'une page Web sous forme de chaîne en JavaScript ?

DDD
Libérer： 2024-10-29 15:24:02
original
1115 Les gens l'ont consulté

How do I retrieve the HTML content of a webpage as a string in JavaScript?

Récupération du contenu HTML sous forme de chaîne

Dans le développement Web, il est souvent nécessaire d'accéder à l'intégralité du contenu HTML d'une page Web ou d'un document. Que vous cherchiez à manipuler la structure HTML ou à extraire des informations clés, comprendre comment obtenir ce contenu sous forme de chaîne peut être crucial.

Pour y parvenir en JavaScript, l'objet document fournit des méthodes qui vous permettent d'accéder l'élément racine et récupérer son balisage HTML. Entrons dans les détails :

Obtention du contenu HTML

La propriété document.documentElement représente la racine élément de la page Web. En accédant à cet élément, nous pouvons obtenir l'intégralité du contenu HTML au sein de ses balises.

Deux méthodes sont disponibles pour extraire le HTML :

  • .innerHTML : Retours une chaîne contenant le contenu du élément, à l'exclusion de l'élément lui-même.
  • .outerHTML : renvoie une chaîne contenant à la fois le contenu et le élément lui-même.

Exemple d'utilisation

Pour récupérer le contenu HTML sous forme de chaîne à l'aide de .innerHTML :

// Get the root <html> element
const htmlElement = document.documentElement;

// Extract the HTML content
const htmlString = htmlElement.innerHTML;
Copier après la connexion

Pour récupérer le contenu HTML, y compris le < ;html> élément, en utilisant .outerHTML :

// Get the root <html> element
const htmlElement = document.documentElement;

// Extract the HTML content with the <html> tag
const htmlString = htmlElement.outerHTML;
Copier après la connexion

Ces méthodes fournissent un moyen simple d'accéder au contenu HTML d'une page Web sous forme de chaîne, permettant diverses opérations telles que l'analyse, la manipulation et l'extraction de données.

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
Article précédent：Comment puis-je injecter dynamiquement du CSS dans ma page Web avec JavaScript ? Article suivant：Comment convertir des fichiers Excel (XLS) en JSON en JavaScript ?
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2514
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2657
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2248
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
2115
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
2216
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal