javascript - 如何使用 JavaScript 从 div 标签中过滤掉 HTML 标签

Question

我有这个 HTML 代码:

<div>
    756
    <span></span>
</div>

我想使用 JavaScript 从 div 中检索数字 756标记并将其递增 1。过滤掉 <span> 的最佳方法是什么？从 div 标签内，所以我只得到数字？

Answer 1

试试这个:

var div = document.getElementsByTagName("div")[0],
    content = div.textContent || div.innerText;

textContent 被除 IE8- 之外的所有浏览器支持，innerText 被除 FF4- 之外的所有浏览器支持。因此，同时使用两者，您应该会得到稳定的结果。

http://www.quirksmode.org/dom/w3c_html.html

这两个属性都返回带有剥离 HTML 标签的文本内容。

示例:http://jsfiddle.net/HnWxk/ (在 chrome/ff/ie7 中测试)

现在，如果你想增加它，就这样做:

content++;

它应该投一个数字:http://jsfiddle.net/HnWxk/3/