码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript_HTML DEMO_3_节点

时间:2017-03-24 13:46:13      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:删除   dem   asc   sof   creat   microsoft   pen   doc   style   

创建新的HTML元素

删除已有的HTML元素

<body>

    <div id="div1">
        <p id="p1">这是一个段落</p>
        <p id="p2">这是另一个段落</p>
    </div>

    <script>
        //创建新的HTML元素
        //如需向HTML DOM添加元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
        var para = document.createElement("P");
        var node = document.createTextNode("这是新段落。");
        para.appendChild(node);

        var element = document.getElementById("div1");
        element.appendChild(para);

        //删除已有的HTML元素
        //如需删除HTML元素,您必须首先活得改元素的父元素
        var parent = document.getElementById("div1");
        var child = document.getElementById("p1");
        parent.removeChild(child);
    </script>

</body>

 

JavaScript_HTML DEMO_3_节点

标签:删除   dem   asc   sof   creat   microsoft   pen   doc   style   

原文地址:http://www.cnblogs.com/xiao9426926/p/6610807.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!