Как получить текст тега div, используя только javascript (без jQuery)
Я пробовал это, но показывал "undefined".
function test() {
var t = document.getElementById('superman').value;
alert(t); }
Есть ли способ получить значение с помощью простого Javascript no jQuery Пожалуйста!
Ответ 1
Вероятно, вы захотите попробовать textContent вместо innerHTML.
Данный innerHTML вернет содержимое DOM как String, а не только текст в div. Это хорошо, если вы знаете, что ваш div содержит только текст, но не подходит, если каждый вариант использования. Для этих случаев вам, вероятно, придется использовать textContent вместо innerHTML
Например, учитывая следующую разметку:
<div id="test">
Some <span class="foo">sample</span> text.
</div>
Поскольку textContent не поддерживается в IE8 и старше, это обходное решение:
var node = document.getElementById('test'),
var text = node.textContent || node.innerText;
alert(text);
innerText работает в IE.
Ответ 3
Вы можете использовать innerHTML (затем разобрать текст из HTML) или использовать innerText.
let textContentWithHTMLTags = document.querySelector('div').innerHTML;
let textContent = document.querySelector('div').innerText;
console.log(textContentWithHTMLTags, textContent);
innerHTML и innerText поддерживается всеми браузерами (кроме FireFox <44), включая IE6.