Question

我有一个简单的脚本通过按钮添加到UL，但它无法正常工作

<input type = "text" id ='textbox'/>
<button onclick="addPeople()">Add Players</button>
<ul id='myList'></ul>

<script>
function addPeople() {
    var text = document.getElementById("textbox").value; 
    var li = "<li>" + text + "</li>";
    document.getElementById("myList").appendChild(li);
}
</script>

有人能指出我正确的方向吗？

Answer 1

您不能将字符串作为子项附加到列表中你必须创建一个新的li元素并附加它这应该可以解决问题：

(defun f () 
  (declare (special x))
  x)

Answer 2

实现这项工作的一种方法是改变

document.getElementById("myList").appendChild(li);

到

document.getElementById("myList").innerHTML += li;

因为li不是节点，所以它是一个字符串。

Node.appendChild（）方法将节点添加到指定父节点（ref）的子节点列表的末尾。

如果要附加HTML片段（字符串），可以使用上面的方法。 Demo

简单添加到列表不起作用

2 个答案: