JS的一些简单应用 —— 暴力添加节点

最新推荐文章于 2022-07-11 11:43:40 发布

烟敛寒林o

最新推荐文章于 2022-07-11 11:43:40 发布

阅读量259

点赞数

分类专栏： ★ JavaScript

本文链接：https://blog.csdn.net/dyw_666666/article/details/80345314

版权

JS笔记及简单应用同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

★ JavaScript

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <input type="button" value="添加春夏秋" onclick="add3()" />
        <input type="button" value="添加冬" onclick="add1()" />
        <ul></ul>
    </body>
    <script>
    function add3() {
        var ul = document.getElementsByTagName('ul')[0];
        ul.innerHTML = '<li>春</li><li>夏</li><li>秋</li>';
    }

    function add1() {
        var ul = document.getElementsByTagName('ul')[0];
        //alert(ul.innerHTML);
        ul.innerHTML += '<li>冬</li>';
    }
    </script>
</html>