javascript - 在 JavaScript 中的 span 标签内获取没有任何嵌套元素的文本值

Question

我知道如何在 jQuery 中做到这一点：

$('span').contents()[0].nodeValue = "new text ";

我如何在纯 JavaScript 中做到这一点？

Answer 1

document.getElementsByTagName("span")[0].firstChild.nodeValue="New text";

或者

document.getElementsByTagName("span")[0].childNodes[0].nodeValue="New text";

使用选择器 API：

document.querySelector("span").firstChild.nodeValue = "New Text";

JSFiddle

Answer 2

document.querySelector("span").firstChild.nodeValue = "New Text";

或（Delete All Values孩子体内的这个方法）

 document.querySelector("span").childNodes[0].innerHTML = "NewText";

或者（如果你想Append发短信）

document.querySelector("span").childNodes[0].innerHTML += "NewText";

或者正如我朋友所说：

document.getElementsByTagName("span")[0].firstChild.nodeValue="New text";

或者

document.getElementsByTagName("span")[0].childNodes[0].nodeValue="New text";

注意InnerHTML被认为是一种非常糟糕的做法，我更喜欢使用node value