html>
<html>
<head>
<meta charset="utf-8">
<title>title>
<script type="text/javascript">
function zjcs(){
var ul=document.getElementById('cb');
var li=document.createElement('li');
var myCheckBox=document.createElement('input');
myCheckBox.setAttribute('type','checkbox');
li.appendChild(myCheckBox);
li.appendChild(document.createTextNode("酸辣土豆丝"));
var img1=document.createElement('img');
img1.setAttribute('src','参考答案/11.png');
img1.onclick=function(){del(this)};
li.appendChild(img1);
ui.appendChild(li);
}
function del(obj){
var li=obj.parentNode;
var checkbox=li.firstChild;
if(checkbox.checked){
if(confirm("确定要删除该菜式？")){
window.cb.removeChild(li);
}
}
}
script>
head>
<body>
<ul id="cb">
<li>
<input type="checkbox"/>
宫保鸡丁<img src="参考答案/11.png" onclick="del(this)"/>
li>
<li>
<input type="checkbox"/>
青椒肉丝<img src="参考答案/11.png" onclick="del(this)"/>
li>
<li>
<input type="checkbox"/>
黄焖鸡<img src="参考答案/11.png" onclick="del(this)"/>
li>
ul><br />
<input type="button" value="增加菜式" onclick="zjcs()"/>
body>
html>
19行ui改成ul
你的函数zjcs()在创建新元素li后，变量名ui错了，应该将其改为ul，因为ul才代表你的菜单列表的元素。
所以应该19行的这个错误的代码改一下：
ui.appendChild(li);
应该修改为：
ul.appendChild(li);
如果以上回答对您有所帮助，点击一下采纳该答案～谢谢