在nextSibling返回的节点上执行拆分返回TypeError undefined不是函数

Question

我想抓住一个文本旁边的一段文字，然后我可以用它的类选择一个split(" ")，但是我得到一个TypeError: undefined is not a function 。我想，这是因为它不是一个字符串，所以当我尝试将其转换为字符串第一返回"[object Text]"

HTML：

<span class="status_abbr_inactive"> 
<figure class="planetIcon planet tooltip js_hideTipOnMobile" title="Planet"></figure>Hinata [1:28:10]</span> 

当我执行

document.getElementsByClassName("planetIcon planet tooltip js_hideTipOnMobile")[0].nextSibling 

返回"Hinata [1:28:10]"，但在其上执行split（）不起作用。 我在这里错过了什么？

Answer 1

其实，你得到该行的代码什么是textNode。

要使用包含文本的textNode你可以使用它的.textContent属性：

var text = document.getElementsByClassName("planetIcon planet tooltip js_hideTipOnMobile")[0].nextSibling.textContent; 

var splitted = text.split(' '); 
// ["Hinata", "[1:28:10]"] 

Answer 2

因为它的一个对象 - textNode。试试这个：

alert(document.getElementsByClassName("planetIcon planet tooltip js_hideTipOnMobile")[0].nextSibling.nodeValue);