在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";

或（此Methode 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