Jak uzyskać tekst znacznika DIV, używając tylko javascript (bez jQuery)

Próbowałem tego, ale pokazuję „undefined”.

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

Czy istnieje sposób, aby uzyskać wartość za pomocą prostego JavaScript no jQuery Please!

Prawdopodobnie będziesz chciał spróbować textContentzamiast innerHTML.

Podane innerHTMLzwróci zawartość DOM jako, Stringa nie wyłącznie „tekst” w div. W porządku, jeśli wiesz, że twój divzawiera tylko tekst, ale nie jest odpowiedni w każdym przypadku użycia. W takich przypadkach prawdopodobnie będziesz musiał użyć textContentzamiastinnerHTML

Na przykład, biorąc pod uwagę następujące znaczniki:

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

Otrzymasz następujący wynik:

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

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

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

Więcej informacji w MDN:

• textContent
• innerHTML

Ponieważ textContentnie jest obsługiwany w IE8 i starszych, oto obejście:

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

innerText działa w IE.

Możesz użyć innerHTML(a następnie przeanalizować tekst z HTML) lub użyć innerText.

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

console.log(textContentWithHTMLTags, textContent);

innerHTMLi innerTextjest obsługiwany przez wszystkie przeglądarki (z wyjątkiem FireFox <44), w tym IE6 .

Właściwie nie musisz wywoływać document.getElementById()funkcji, aby uzyskać dostęp do swojego div.

Możesz tego użyć objectbezpośrednio przez id:

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