javascript - 如何创建文本并将文本附加到现有元素例如空跨度？

在我搜索过的所有地方，我只能找到创建新元素后追加textnode的方法。例如，他们将创建一个新的段落（p）元素，然后将textnode追加到该新段落。但我想将textnode添加到现有元素（在我的情况下为空跨度）。

链接到示例代码和说明
http://pastebin.com/K1EBMr4Z

<span class="span"></span> <!-- append textnode here -->

function newFunction(){
    var textnode = document.createTextNode("OK");

    // Append my `textnode` to the empty span here
}

提前致谢

最佳答案

如注释中所述，您可以使用appendChild()方法将文本节点添加为跨度的子级。

对于文本，您也可以只设置跨度的innerHTML属性。

这两个示例都位于垃圾箱中：

function newFunction(){
  var span = document.getElementById('my-span');
  var otherSpan = document.getElementById('my-other-span');

  span.innerHTML = 'Yo this is text';

  var textNode = document.createTextNode("OK");
  otherSpan.appendChild(textNode);
};

newFunction();

https://jsfiddle.net/9pmhan8L/1/

关于javascript - 如何创建文本并将文本附加到现有元素例如空跨度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36779884/