Javascript 复选框显示“;在“上”;。如何修复?

Javascript 复选框显示“;在“上”;。如何修复?,javascript,html,dynamic,html-lists,Javascript,Html,Dynamic,Html Lists,所以我编写了这个javascript代码来动态添加列表。我在html文件中添加了一个旁边有复选框的列表。不知什么原因,列表中自动添加了这个“开启”。请帮忙 let newList=document.querySelector('input'); 让addList=document.getElementById('addBtn'); 设ulist=document.querySelector('ul'); addEventListener('change',addNewList); 函数addN

所以我编写了这个javascript代码来动态添加列表。我在html文件中添加了一个旁边有复选框的列表。不知什么原因,列表中自动添加了这个“开启”。请帮忙

let newList=document.querySelector('input');
让addList=document.getElementById('addBtn');
设ulist=document.querySelector('ul');
addEventListener('change',addNewList);
函数addNewList(e){
让head1=document.createElement('h1');
let list=document.createElement('li');
设h1Node=document.createTextNode(newList.value);
表.附属儿童(总目1);;
ulist.appendChild(列表);
头1.附肢子节点(H1节点);
h1Node=document.createTextNode(“”);
}
addList.onclick=addNewList()

项目1
  • 检查车库
  • 练习篮球
  • 今晚洗个澡
  • 找个女朋友
  • 带复选框的列表
添加
注释掉这一行将消除它:

addList.onclick = addNewList();
要进行测试,请使用:

//addList.onclick = addNewList();
let newList=document.querySelector('input');
让addList=document.getElementById('addBtn');
设ulist=document.querySelector('ul');
addEventListener('change',addNewList);
函数addNewList(e){
让head1=document.createElement('h1');
let list=document.createElement('li');
设h1Node=document.createTextNode(newList.value);
表.附属儿童(总目1);;
ulist.appendChild(列表);
头1.附肢子节点(H1节点);
h1Node=document.createTextNode(“”);
}
//addList.onclick=addNewList()

项目1
  • 检查车库
  • 练习篮球
  • 今晚洗个澡
  • 找个女朋友
  • 带复选框的列表
添加