Comment récupérer du texte à partir de balises Div en JavaScript sans jQuery ?

Méthodes alternatives pour récupérer du texte à partir de balises Div en JavaScript

Bien que l'utilisation de jQuery pour récupérer le contenu textuel d'une balise div soit une approche courante, ce n'est certainement pas la seule option. JavaScript propose des méthodes natives qui peuvent extraire efficacement le texte sans recourir à des bibliothèques externes.

L'une des principales méthodes à cet effet est la propriété textContent. Contrairement à innerHTML, qui renvoie l'intégralité du contenu HTML de l'élément, y compris les balises et les attributs, textContent récupère uniquement le contenu du texte.

Prenons un exemple pour démontrer son utilisation :

<code class="js">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

Dans ce scénario, la propriété textContent est affectée à la variable t, qui affiche ensuite le texte brut du div avec l'identifiant "superman" lors de l'appel de la fonction alert().

Il convient de noter que la propriété textContent , similaire à innerHTML, considère les nœuds de texte et les éléments sans nœuds enfants comme du contenu texte. Évitez de vous fier à textContent si votre élément div contient plusieurs éléments imbriqués ou un balisage complexe, car il risque de ne pas capturer avec précision le texte souhaité.

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!