无法在顺序表中显示输入值

Question

我在制作按钮时遇到麻烦，该按钮会将从框输入的文本放入有序列表中的列表元素。我的教授问我只使用createElement，textContent和appendChild（也不能使用jQuery），因此我将文本从输入移到li的选项非常有限。这是我到目前为止的内容：

let main = function() {

  if (this.id == "btn1") {
    let listDiv = document.getElementById('div');
    let olCreator = document.createElement('OL');
    div.appendChild(olCreator).setAttribute("id", "ol");
  }

if (this.id == "btn2") {
  let olGrab = document.getElementById('OL');
  let liCreator = document.createElement('LI');
  ol.appendChild(liCreator);
  let inputText = document.getElementById("inputBox").textContent;
  let liDone = document.getElementById('li').appendChild(inputText);
}
};

我很确定我不想给li元素一个id，因为如果这样做，输入的文本将进入每个li元素，那将是不好的。到目前为止，当我按下HTML文档中的按钮时，控制台会告诉我：

未捕获的TypeError：无法读取null的属性'appendChild'在HTMLButtonElement.main

我在制作按钮时遇到麻烦，该按钮会将从框输入的文本放入有序列表中的列表元素。我的教授问我只使用createElement，textContent和...

Answer 1

您正在对不存在或值为null的元素调用appendChild。