Comment résoudre le résultat « Non défini » lors de la récupération de texte à partir d'une balise à l'aide de JavaScript ?

Balise utilisant JavaScript?" /> Balise utilisant JavaScript?" />

Obtention du contenu texte d'une balise DIV à l'aide de JavaScript pur

Si vous tentez de récupérer le contenu texte d'une balise

balise utilisant JavaScript, la valeur « non définie » peut apparaître. Pour résoudre ce problème, envisagez d'utiliser textContent au lieu de innerHTML.

Contrairement à innerHTML, qui capture tout le contenu DOM dans une chaîne, textContent récupère exclusivement le texte dans

. Par exemple, si le balisage suivant existe :

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

L'utilisation de innerHTML donnerait :

<code class="js">var node = document.getElementById('test');

var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

Alors que textContent fournit :

<code class="js">var textContent = node.textContent;
// textContent = "Some sample text."</code>

Cette distinction est cruciale lorsque gérer le contenu DOM qui peut inclure à la fois des éléments textuels et non textuels.

Pour plus d'informations, reportez-vous à la documentation de Mozilla Developer Network (MDN) sur :

• [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!

JavaScript String if for include using undefined dom this innerHTML https issue

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

Article précédent：Comment récupérer du texte à partir de balises Div en JavaScript sans jQuery ?Article suivant：Comment récupérer du texte à partir de balises Div en JavaScript sans jQuery ?

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript