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, envisagez d'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 :

  Some sample text.

Utilisation de innerHTML :

var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

Utilisation de textContent :

var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."

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)