将列表元素添加到无序列表给出错误

Question

要在ul中添加li元素，我已经完成了这个......

var ul = document.getElementById('ul-id');
var li= document.createElement("li");
li.appendChild("some text here");
ul.appendChild(li);

但它在我的控制台中给出错误。我没有得到这个代码的问题。任何帮助将不胜感激。

错误：

Error: NotFoundError: DOM Exception 8
code: 8
message: "NotFoundError: DOM Exception 8"
name: "NotFoundError"
stack: "Error: An attempt was made to reference a Node in a context where it does not exist.

谢谢！

Answer 1

因为appendChild()需要dom元素引用作为参数。您将字符串作为值传递给appendChild()，而不是传递文本节点

li.appendChild("some text here");应该是

li.appendChild(document.createTextNode("some text here"));

演示：Fiddle

或

li.innerHTML = "some text here2";

演示：Fiddle