在末尾添加节点

最新推荐文章于 2021-10-09 23:15:52 发布

weixin_30622107

最新推荐文章于 2021-10-09 23:15:52 发布

阅读量110

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zjm1999/p/10426603.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在末尾添加节点</title>
</head>
<body>
    <ul id="ulid">
        <li>关关雎鸠</li>
        <li>在河之洲</li>
        <li>窈窕淑女</li>
        <li>君子好逑</li>
    </ul>
    <br/>
    <input type="button" value="add" onclick="add1();" />
    <script type="text/javascript">
    function add1(){
        //获取到ul标签
    var ul1 = document.getElementById("ulid");
    //创建标签
    var li1 = document.createElement("li");
    //创建文本
    var text1 = document.createTextNode("5555");
    //把文本加入到li下面
    li1.appendChild(text1);
    //把li加入到ul下面
    ul1.appendChild(li1);
    }
    </script>
</body>
</html>