Analyser une chaîne HTML avec JS - JavaScript

Analyser une chaîne HTML avec JS - JavaScript
Tout en conservant les enregistrements en JavaScript, il peut être nécessaire de maintenir plusieurs entrées pour les utiliser à l'avenir. Par exemple, ajouter diverses fonctionnalités vitales de HTML en JavaScript pour se débarrasser de leurs effets pendant un certain temps. Dans de telles situations, analyser une chaîne HTML avec JS est d'une grande aide pour réduire la complexité du code global.

Ce tutoriel démontrera les stratégies pour analyser une chaîne HTML avec JavaScript.

Comment analyser une chaîne HTML en utilisant JavaScript?

Pour analyser une chaîne HTML avec JavaScript, appliquez les stratégies suivantes:

  • "CreateElement ()«Méthode et«innerhtml" propriété.
  • "Domparser ()«Constructeur et«parsefromString ()" méthode.

Méthode 1: Analyser une chaîne HTML en JavaScript à l'aide de la méthode CreateElement () et de la propriété InnerHTML

Le "CreateElement ()«La méthode est utilisée pour générer un nœud pour un élément HTML dynamiquement, et le«innerhtml»La propriété donne le contenu HTML d'un élément. Ces approches peuvent être appliquées pour créer un élément dans le code JavaScript et ajouter une chaîne HTML.

Syntaxe

document.createElement ('elementName');

Dans cette syntaxe, "nom d'élément»Fait référence à l'élément HTML qui doit être créé.

Exemple

Passons par la démonstration ci-dessous:

Dans le bloc de code ci-dessus:

  • Tout d'abord, créez un élément HTML nommé «p" en utilisant le "CreateElement ()" méthode.
  • Dans l'étape suivante, ajoutez l'élément HTML indiqué en utilisant le «innerhtml" propriété.
  • Enfin, affichez l'élément créé accumuler la chaîne HTML analysée sur la console.

Sortir

De la sortie donnée, on peut voir que le «

Méthode 2: Analyser une chaîne HTML en JavaScript à l'aide du constructeur DOMPARSER () et de la méthode PARSEFROMSTRING ()

Le "Domparser ()«Le constructeur crée l'objet Dom Parser, et le« «parsefromString ()»La méthode est utilisée pour analyser la chaîne contenant au document HTML ou XML. Ces approches peuvent être appliquées pour analyser une chaîne HTML en spécifiant le type de document.

Syntaxe

document.parsefromString (String, 'mimeType')

Dans cette syntaxe:

  • "chaîne»Correspond à l'élément qui doit être analysé dans le document.
  • "mimétype»Indique le type de document qui invoque le type d'analyseur.

Exemple

Passons par les lignes de code indiquées ci-dessous:

Dans l'extrait de code ci-dessus:

  • Tout d'abord, créez un nouvel objet Dom Parser en utilisant le «nouveau»Mot-clé et«Domparser ()”Constructeur, respectivement.
  • Dans l'étape suivante, associez l'objet créé à la «parsefromString ()”Méthode pour analyser la valeur de chaîne indiquée.
  • Le "texte / html"Dans le paramètre de la méthode, spécifie que la chaîne analysée est un document HTML.
  • Enfin, affichez la chaîne HTML analysée sur la console.

Sortir

Dans la sortie ci-dessus, il est évident que le nouveau analyseur Dom est construit avec succès.

Conclusion

Pour analyser une chaîne HTML avec JavaScript, utilisez le «CreateElement ()«Méthode et«innerhtml«Propriété ou«Domparser ()«Constructeur et«parsefromString ()" méthode. Les premières approches peuvent être utilisées pour créer un élément HTML dans le code JS et analyser une chaîne HTML particulière. Cette dernière approche peut être appliquée pour créer un nouvel objet Dom Parser et analyser une chaîne HTML en spécifiant le type de document. Cet article a discuté des stratégies pour analyser une chaîne HTML avec JS.