有人帮我看看吗，为什么输出不出来，哪里错了呢

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业5-2</title>
</head>
<body>
    <div id="list1">
       第一章
    </div>
    <button onclick="add()">添加章节</button>
    <button onclick="del()">删除章节</button>
    <script>
        var i=1;
        var addch1=document.getElementById("addch1");
        var list1=document.getElementById("list1");
1
        function add(obj){
            var parent=obj.parentNode;
            var s="&nbsp &nbsp第"+i+"节";
            var node=document.createElement("div");
            node.innerHTML=s;
            parent.appendChild(node);
            i++;
            event.stopPropagation();
            node.appendChild(parentNode)
            addch1.appendChild(node)
        }

        function del(obj){
            var parent=obj.parentNode;
            parent.removeChild(parent.childNodes[parent.childNodes.length-1]);
            i--;
        }
    </script>
</body>
</html>

```javascript

```

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答默认最新

崽崽的谷雨 2021-10-29 15:17

关注

你这代码不全啊。。。 html少标签。那就没法补全 js.
这是我补全的

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业5-2</title>
</head>

<body>
    <div id="addch1">
        <div id="list1">
            第一章
        </div>
        <button onclick="add()">添加章节</button>
        <button onclick="del()">删除章节</button>
    </div>

    <script>
        var i = 1;
        var addch1 = document.getElementById("addch1");
        var list1 = document.getElementById("list1");

        function add() {
            var list = document.getElementById("list1");
            // console.log(obj, "98")
            var parent =list.parentNode;
            var s = "&nbsp &nbsp第" + i + "节";
            var node = document.createElement("div");
            node.innerHTML = s;
            parent.appendChild(node);
            i++;
            event.stopPropagation();
            node.appendChild(parentNode)
            addch1.appendChild(node)
        }
        function del() {
            var list = document.getElementById("list1");
            var parent = list.parentNode;
            parent.removeChild(parent.childNodes[parent.childNodes.length - 1]);
            i--;
        }
    </script>
</body>

</html>