javascript - 获取div的文本

Question

我想获取下一个 id 的文本（文本是：“显示更多”）。

<div id="show_more_less" onclick="Show_More_Less();">Show more</p>

function Show_More_Less() {
    var str = document.getElementById('show_more_less').text;
}

我试过了：.value但它不起作用。

Answer 1

要以跨浏览器的方式获取元素的文本，您可以这样做：

var e = document.getElementById('show_more_less');
var text = e.textContent || e.innerText;

Answer 2

尝试innerHTML：

var str = document.getElementById('show_more_less').innerHTML;

此外，您还有一个不一致的开始<div>标签和一个结束标签。</p>你可能的意思是：

<div id="show_more_less" onclick="Show_More_Less();">Show more</div>

Answer 3

应该进行一些检查以查看是否childNodes[0]存在以及它是否是文本节点，但基本上：

var str = document.getElementById('show_more_less').childNodes[0].nodeValue;