Question

由于某些原因，即使有例子也遇到很多麻烦，我在这里做错了什么？

HTML

<input type="text" name="item">       

<div id="itembutton"> <button onclick="appendList()">Add</button></div>

<ul id ="listitems"></ul>

的JavaScript

function appendList() {
    var ul = document.getElementById('listitems');
    var li = document.createElement('li');
    var item = document.getElementById('item');
    li.appendChild(document.createTextNode(item.value));
    ul.appendChild(li);
}

这是 JSFiddle 。

我一定很累或者其他什么，我正在尽可能地遵循教程。

Answer 1

只需将ID放入input字段即可。因为您按value名称调用了ID，但输入字段中没有id。

代码下方是：

<input type="text" name="item" id="item">

jsfiddle上的演示

使用用户输入将li附加到ul

1 个答案: