Как получить текст тега div, используя только javascript (no jQuery)

Question

Я пробовал это, но показываю «неопределенный».

function test() { 
var t = document.getElementById('superman').value; 
alert(t); } 

Есть ли способ получить значение с помощью простого Javascript no jQuery Пожалуйста!

Answer 1

Возможно, вы захотите попробовать textContent вместо innerHTML.

Предоставлено innerHTML будет возвращать содержимое DOM как String, а не только «текст» в div. Это нормально, если вы знаете, что ваш div содержит только текст, но не подходит, если каждый вариант использования. Для тех случаев, вам, возможно, придется использовать textContent вместо innerHTML

Например, учитывая следующую разметку:

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

Вы получите следующий результат:

var node = document.getElementById('test'), 

htmlContent = node.innerHTML, 
// htmlContent = "Some <span class="foo">sample</span> text." 

textContent = node.textContent; 
// textContent = "Some sample text." 

Посмотреть MDN для получения более подробной информации:

• textContent
• innerHTML

Answer 2

Поскольку textContent не поддерживается в IE8 и старше, вот обходной путь:

var node = document.getElementById('test'), 
var text = node.textContent || node.innerText; 
alert(text); 

innerText работает в IE.