Comment extraire le contenu d'un nœud de texte d'un élément HTML en JavaScript ?

Obtention du nœud de texte d'un élément

Lorsque vous travaillez avec des éléments HTML en JavaScript, il est souvent nécessaire d'obtenir le contenu textuel de ces éléments . Cependant, les éléments peuvent contenir différents types de nœuds, notamment des nœuds de texte, des nœuds de commentaires et des nœuds d'élément. Cet article explore une solution multi-navigateurs pour récupérer le nœud de texte.

Considérez le HTML suivant :

<div class="title">
   I am text node
   <a class="edit">Edit</a>
</div>

Notre objectif est d'obtenir le contenu "Je suis un nœud de texte" tout en préservant le Lien "Modifier".

Pour ce faire, nous pouvons utiliser les content() et filter() de jQuery fonctions :

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

Ce code sélectionne l'élément avec la classe "titre" et obtient son contenu. Ensuite, il applique une fonction de filtre au contenu, en sélectionnant uniquement les nœuds avec un nodeType de Node.TEXT_NODE (c'est-à-dire les nœuds de texte). Enfin, il extrait le contenu du texte du résultat filtré.

En utilisant cette approche, nous pouvons récupérer avec succès le contenu du nœud de texte souhaité sans supprimer la balise « Modifier ».

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!