在JavaScript中将项目添加到列表中

我是JavaScript的新手，所以请耐心等待，在这段代码中，我有一个成分列表，当用户在输入区域中放置一些东西，然后单击正文时，文本必须作为列表中最后一项之前的另一项添加，但我的代码不起作用，我找不到问题所在

函数ajout（）{
var newcomponent=document.createElement（“li”）；
var-component=document.getElementById（“in2”）.value；
var text=document.createTextNode（成分）；
newcomponent.appendChild（文本）；
var lastone=document.getElementById（“last”）；
var list=getElementById（“ListCommissions”）；
列表。插入前（新成分，最后一个）；
}

厨房





1千克德法林
联合国和平协定
再添加一个

所以，主要问题是这一行

var list = getElementById("listecommissions");

应该是哪一个

var list = document.getElementById("listecommissions");

---

当您使用调试器工具（Web控制台）时，很容易发现这一点。第二件事是

onClick

应该是

onClick

。看这里

---

我也会。E对JS不使用内联标记。您可以通过将EventListener添加到

窗口中，并在其中向
正文中添加另一个（在您的情况下）或更好的按钮来完成此操作：

window.addEventListener('DOMContentLoaded',function(){
  document.getElementById('yourButtonIdHere')
    .addEventListener('click',function(){
      var newingredient = document.createElement("li");
      var ingredient = document.getElementById("in2").value;
      var text = document.createTextNode(ingredient);
      newingredient.appendChild(text);
      var lastone = document.getElementById("last");
      var list = document.getElementById("listecommissions");
      list.insertBefore(newingredient, lastone);
    });
});

onClick
应该是
onClick
。在
列表的定义中，它应该是
document.getElementById
。