获取嵌套在div中的span内部数字

Question

我怎样才能获得跨度内的数字？

 <div id="num"><span>2</span></div>

 <script type="text/javascript">
 var nr = document.getElementById('num').innerHTML;
 alert(nr);
 </script>

Answer 1

试试这个，使用textContent

var nr = document.getElementById('num').textContent;
alert(nr); //op: 2

Answer 2

已更新： 在Span中获取文本的正确方法：

 var nrt =  document.getElementById('num'); 
 var nr =nrt.innerText||nrt.textContent;
 alert(nr);

现在它适用于所有人，

Working DEMO

愿这对你有帮助..

Answer 3

好吧，您可以使用textContent来获取div中的文本。

var nr = document.getElementById('num').textContent;

或转到儿子跨度并询问其内容

var nr = document.getElementById('num').childNodes[0].textContent;

如果您不知道div的其他内容，可以使用正则表达式仅提取文本中的数字

var num = /\d+/.exec(document.getElementById('num').textContent)[0]

Answer 4

你也可以这样做：

document.getElementById('num').firstChild.innerHTML

Demo on JSFiddle