Maison > Article > interface Web > Comment extraire du texte d'un élément
Comment extraire du texte d'un élément à l'aide de JavaScript pur
- Patricia Arquetteoriginal
- 2024-10-18 21:15:30803parcourir
Élément utilisant du JavaScript pur" />
Comment extraire du texte d'un fichier Balise avec du JavaScript pur
Problème :
Lors de la tentative de récupération du texte d'un fichier
élément utilisant getElementById('superman').value, le résultat renvoyé est "indéfini".
Solution :
Le problème se pose car la valeur n'est pas une propriété appropriée pour un < div> élément. Utilisez plutôt textContent pour obtenir le texte dans le
.
Pour illustrer, considérons le code suivant :
<code class="javascript">function test() {
var t = document.getElementById('superman').textContent;
alert(t);
}</code>
Par rapport à innerHTML, qui renvoie le contenu HTML du < ;div>, textContent fournit uniquement le texte contenu dans
.
Par exemple, étant donné le code HTML suivant :
<code class="html"><div id="test">
Some <span class="foo">sample</span> text.
</div></code>
Les résultats suivants sont obtenus :
- innerHTML renvoie : "Un certain sample texte."
- textContent renvoie : "Un exemple de texte."
Pour plus d'informations, reportez-vous à la documentation 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!
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.cnArticle précédent：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 ?Article suivant：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 ?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
- Patricia Arquetteoriginal
- 2024-10-18 21:15:30803parcourir
Élément utilisant du JavaScript pur" />
Comment extraire du texte d'un fichier Balise avec du JavaScript pur
Problème :
Lors de la tentative de récupération du texte d'un fichier
élément utilisant getElementById('superman').value, le résultat renvoyé est "indéfini".
Solution :
Le problème se pose car la valeur n'est pas une propriété appropriée pour un < div> élément. Utilisez plutôt textContent pour obtenir le texte dans le
.
Pour illustrer, considérons le code suivant :
<code class="javascript">function test() {
var t = document.getElementById('superman').textContent;
alert(t);
}</code>
Par rapport à innerHTML, qui renvoie le contenu HTML du < ;div>, textContent fournit uniquement le texte contenu dans
.
Par exemple, étant donné le code HTML suivant :
<code class="html"><div id="test">
Some <span class="foo">sample</span> text.
</div></code>
Les résultats suivants sont obtenus :
- innerHTML renvoie : "Un certain sample texte."
- textContent renvoie : "Un exemple de texte."
Pour plus d'informations, reportez-vous à la documentation 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!
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.cnArticle précédent：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 ?Article suivant：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 ?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
Problème :
Lors de la tentative de récupération du texte d'un fichier
Solution :
Le problème se pose car la valeur n'est pas une propriété appropriée pour un < div> élément. Utilisez plutôt textContent pour obtenir le texte dans le
Pour illustrer, considérons le code suivant :
<code class="javascript">function test() {
var t = document.getElementById('superman').textContent;
alert(t);
}</code>
Par rapport à innerHTML, qui renvoie le contenu HTML du < ;div>, textContent fournit uniquement le texte contenu dans
Par exemple, étant donné le code HTML suivant :
<code class="html"><div id="test"> Some <span class="foo">sample</span> text. </div></code>
Les résultats suivants sont obtenus :
- innerHTML renvoie : "Un certain sample texte."
- textContent renvoie : "Un exemple de texte."
Pour plus d'informations, reportez-vous à la documentation 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!
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