Як отримати текст тегу div, використовуючи лише javascript (без jQuery)

Я спробував це, але показав "невизначено".

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

Чи є спосіб отримати значення за допомогою простого Javascript без jQuery Будь ласка!

Можливо, ви захочете спробувати 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

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

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

innerText працює в IE.

Ви можете використовувати innerHTML(потім проаналізувати текст з HTML) або використовувати innerText.

let textContentWithHTMLTags = document.querySelector('div').innerHTML; 
let textContent = document.querySelector('div').innerText;

console.log(textContentWithHTMLTags, textContent);

innerHTMLі innerTextпідтримується всіма браузерами (крім FireFox <44), включаючи IE6 .

Насправді вам не потрібно викликати document.getElementById()функцію, щоб отримати доступ до вашого div.

Ви можете використовувати це objectбезпосередньо id:

text = test.textContent || test.innerText;
alert(text);