怎样才能得到一个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及textContent
中不受支持,下面是一个解决方法:
var node = document.getElementById('test'), var text = node.textContent || node.innerText; alert(text);
innerText
在IE中工作。