替换嵌套跨度的文本

Question

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

现在内部跨度内有一个嵌套跨度，所以我可以设置span文本的innerHTMl，如下所示吗？

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

现在outertext有内跨，我想替换内跨的文本。

我该怎么做？

Answer 1

获取范围;）

outertext.getElementsByTagName('span')[0].innerHTML = 'O_o'

将0替换为符合您需要的任何内容。

Answer 2

如果你想少写，你可以使用jQuery：

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

如果跨度不是#outer的直接子节点，请删除>。

如果您不想使用除原生函数之外的任何内容，请参阅其他两个答案。

Answer 3

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

示例： http://jsfiddle.net/JAmFM/

（请注意它是getElementById。您有getElementbyid。也许是拼写错误。）

Answer 4

如果出于某种原因你不想使用jQuery，你可以使用querySelector()使用纯JavaScript来实现：

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