Javascript 替换嵌套跨距的文本

我在一个变量中收集了一个跨度（外部）的innerHTML

现在在span-Inner中有一个嵌套span，那么我可以如下设置span-text的innerHTMl吗

var outertext = document.getElementById("outer");

现在outertext有了内部span，我想替换内部span的文本

我怎么做

outertext.getElementsByTagName('span')[0].innerHTML = "NEW CONTENT";

示例：

（请注意，它是

getElementById

。您有

getElementById

。可能是输入错误。）

获取span；）

---

将

0

替换为适合您需要的任何内容。

如果您想写得更少，可以使用jQuery：

$('#outer > span').html('new content here');

如果span不是#outer的直接子级，请删除

---

如果您只想使用本机函数，请参阅其他两个答案。

如果出于某种原因您不想使用jQuery，您可以使用纯JavaScript，方法是使用

querySelector（）

：

---

你能试着更清楚地解释一下你想要什么吗？我真的不明白你想要什么。jQuery不是唯一的答案，它的选择器引擎实际上是嘶嘶作响的。-话虽如此，我爱jQuery。。。大多数时候。

$('#outer > span').html('new content here');

document.querySelector('#outer > span').innerHTML = "New content here";