Maison >interface Web >js tutoriel >Comment puis-je récupérer le texte des balises Div à l'aide de JavaScript (sans jQuery) ?

Comment puis-je récupérer le texte des balises Div à l'aide de JavaScript (sans jQuery) ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-18 21:12:03310parcourir

How Can I Retrieve Div Tag Text Using JavaScript (Without jQuery)?

Comment récupérer le texte d'une balise Div à l'aide de JavaScript (sans jQuery)

Pour obtenir le contenu textuel d'un élément div uniquement avec JavaScript, il existe des alternatives à jQuery.

Énoncé du problème :

Une tentative précédente de récupération du texte à l'aide de document.getElementById('superman').value a renvoyé un élément non défini. L'objectif est de trouver une solution en utilisant du JavaScript simple sans jQuery.

Solution :

Pour réussir à récupérer le texte, pensez à utiliser textContent au lieu de value. La propriété innerHTML renvoie l'intégralité du contenu du DOM sous forme de chaîne, y compris les éléments du div. En revanche, textContent extrait spécifiquement le texte dans le div, garantissant une représentation du texte plus précise.

Par exemple, étant donné le code HTML suivant :

<code class="html"><div id="test">
  Some <span class="foo">sample</span> text.
</div></code>

Utilisation de innerHTML :

<code class="javascript">var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

Utilisation de textContent :

<code class="javascript">var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."</code>

Référez-vous à MDN pour plus d'informations sur textContent et innerHTML :

  • [textContent](https://developer.mozilla.org/ en-US/docs/Web/API/Node/textContent)
  • [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)

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!

Déclaration:
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