当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS简单小应用之暴力添加节点（代码实例）

JS简单小应用之暴力添加节点（代码实例）

2018年05月20日  | 移动技术网IT编程  | 我要评论

JS简单小应用之暴力添加节点（代码实例）

<!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>

空空如也：

这里写图片描述

多了春夏秋冬：<喎?https: www.2cto.com/kf/ware/vc/"="" target="_blank" class="keylink">vcD4NCjxwPjxpbWcgYWx0PQ=="这里写图片描述" src="https://www.2cto.com/uploadfile/Collfiles/20180517/2018051710175169.png" title="" />

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网