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 ?

Susan Sarandon

Libérer： 2024-10-18 21:14:03

original

157 Les gens l'ont consulté

How to Resolve 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>

Copier après la connexion

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>

Copier après la connexion

Alors que textContent fournit :

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

Copier après la connexion

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!

source：php

Article précédent：Comment récupérer du texte à partir de balises Div en JavaScript sans jQuery ? Article suivant：Comment extraire du texte d'un élément

à l'aide de JavaScript pur

Déclaration de ce site Web

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

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

1612

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

1764

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

1506

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...