Comment puis-je analyser une chaîne HTML en éléments DOM en JavaScript ?

Analyse HTML en éléments DOM

En Javascript, il est souvent nécessaire de convertir une chaîne contenant du HTML en éléments DOM pouvant être manipulés. Les méthodes standards, telles que innerHTML et innerText, offrent un contrôle limité sur les éléments résultants. Pour une plus grande flexibilité, envisagez d'utiliser un DOMParser.

Conversion de chaînes HTML en éléments DOM

Pour convertir une chaîne HTML en éléments DOM, suivez ces étapes :

1. Instancier un DOMParser : var parser = new DOMParser();
2. Analyser la chaîne HTML à l'aide de la méthode parseFromString() : var doc = parser.parseFromString(htmlString, "text/xml");

Exemple

Considérez le HTML suivant string :

<div>

Pour convertir cette chaîne en élément DOM, exécutez le code suivant :

var htmlString = "<div>

L'attribut doc.firstChild contient désormais une représentation DOM analysée de la chaîne HTML. Vous pouvez ajouter cet élément au DOM en utilisant appendChild().

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!