通过单击事件给li添加节点

最新推荐文章于 2022-10-20 19:29:19 发布

西红柿炒番茄AB

最新推荐文章于 2022-10-20 19:29:19 发布

阅读量1k

点赞数 1

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/a_sid/article/details/53434746

版权

前端专栏收录该内容

35 篇文章

订阅专栏

1.后添加和前添加

<body>
        <ul id="uid">
            <li>篮球</li>
        </ul>
        姓名<input id="uname" type="text" name="uname" />
        <input id="button" type="button" value="添加" />
        <script type="text/javascript">
            var uid = document.getElementById("uid");

            var but = document.getElementById("button");
            but.onclick = function() {
                var name1 = document.getElementById("uname").value;
                li = document.createElement("li");

                li.innerHTML = name1;
                //后添加
                //uid.appendChild(li);
                //前添加
                //将li添加到ul第一个节点的前面
                uid.insertBefore(li, uid.firstChild);

            }
        </script>
    </body>