在末尾添加节点

最新推荐文章于 2023-04-03 16:48:12 发布

zhangshengsky

最新推荐文章于 2023-04-03 16:48:12 发布

阅读量317

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/zhangshengsky/article/details/72668221

版权

JS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

  <body>
        <ul id="testul">
            <li>001</li>
            <li>002</li>
            <li>003</li>
        </ul>
        <input type="button" value="追加" οnclick="tj();">
        <script type="text/javascript">
            function tj() {
                //获取UL标签
                var  ul1 =  document.getElementById('testul');
                //创建LI标签
                var li1 = document.createElement("li");
                //创建文本
                var ti1 = document.createTextNode("005");
                //把文本添加到LI标签下
                li1.appendChild(ti1);
                //把LI添加到UL标签下面
                ul1.appendChild(li1);
            }
        </script>
        </body>