javascript - 如何使用 Javascript 获取包含另一个跨度的跨度的值？

Question

我有一个 <span>标记在另一个内。

<span id="count">255<span>words</span></span>

我只想得到第一个 <span> 的值标记，值255 .

我尝试过的:

var words = document.getElementById('count'); //Gets the <span>

alert(words.value); //undefined --> does not exist for <span> tag
alert(words.innerHTML); //255<span>words</span>
alert(words.innerText); //255words
alert(words.textContent); //255words

我知道我能做到:

var storedWords = words.innerText;
storedWords = storedWords.replace('words','');
alert(storedWords); //255

但我想直接做。

是否可以只检索第一个跨度的值？

Answer 1

首先获取 SPAN 元素，然后选择它的第一个子节点(即文本节点)，然后获取它的值

document.getElementById('count').firstChild.nodeValue

注意:这将返回您的文本，如果您想要整数形式的 int，那么您需要使用带有十进制底数(底数 10)的 parseInt 函数来解析它。

parseInt(document.getElementById('count').firstChild.nodeValue, 10)