当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS案例六_1:添加城市

JS案例六_1:添加城市

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

异都风流2,高电位治疗仪,马刺对太阳

使用的相关知识点：对子节点的添加：document.appendclild()
文本节点的创建：document.createtextnode()
元素节点的创建：document.createelement()

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            window.onload = function() {
                document.getelementbyid("btn").onclick = function() {
                    //1.获取ul节点
                    var ulele = document.getelementbyid("ulele");
                    //2、创建文本节点
                    var textnode = document.createtextnode("高松");
                    //3、创建li节点<li></li>
                    var liele = document.createelement("li");
                    //4、将文本节点添加到li节点中
                    liele.appendchild(textnode);
                    //5、将李li节点添加至ul节点中
                    ulele.appendchild(liele);
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value="添加" id="btn" />
        <ul id="ulele">
            <li>上海</li><li>新西兰</li><li>东京</li><li>莫斯科</li>
        </ul>
    </body>
</html>

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

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