javascript - 对 nextSibling 返回的节点执行拆分会返回 TypeError undefined is not a function

Question

我试图抓取一个元素旁边的一段文本，我可以用它的类来选择它，然后对其执行 split("") ，但我得到一个 TypeError :未定义不是一个函数。我认为这是因为它不是字符串，所以当我尝试首先将其转换为字符串时，它返回 "[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]"]