Question

在控制台中，我未定义，但我无法理解。

function createItem(element) {
  var li = document.createElement('li');
  li.innerText = element.value;
  var ul = document.getElementById('todo');
  ul.appendChild(li);

}
var element = document.getElementById("input")
document.getElementById("submit").onclick = createItem;
console.log(element);

Answer 1

基于你的小提琴，表单正在提交，为了防止在下面的代码中我使用了event.preventDefault，然后你需要将element参数传递给createItem函数。

function createItem(element) {
    var li=document.createElement('li');
    li.innerText=element.value;
    var ul=document.getElementById('todo');
    ul.appendChild(li);

}

var element = document.getElementById("input");
document.getElementById("submit").onclick=function(e){
  event.preventDefault();
  createItem(element);
};

Answer 2

试试这个:)

function createItem(element) {
  var li = document.createElement('li');
  li.innerText = document.getElementById("input").value;
  var ul = document.getElementById('todo');
  ul.appendChild(li);

}
var element = document.getElementById("input")
document.getElementById("submit").onclick = createItem;
console.log(element);

<ul id="todo">
</ul>


<input id="input" >? </input>

<button id="submit" />

我不知道为什么这段代码不添加li元素

2 个答案: