码迷,mamicode.com
首页 > Web开发 > 详细

创建、插入、删除、查询、替换dom节点的方法(JS实现)

时间:2016-09-08 09:48:18      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

1、创建元素节点:createElement

用法:document.createElement("p");//创建p标签;

    创建文本节点:createTextNode;

用法:document.createTextNode("txt");//创建文本标签;

2、插入节点:appendchild:在要插入的元素节点上调用,他插入指定的节点使其成为那个节点的最后一个子节点。

                   insertBefore:在已有的元素前插入一个新元素;

                   insertAfter:在现有的元素后面插入一个新元素;

3、删除节点:removeChild;从文档树中删除一个节点(先找到要删除节点的父节点,用父节点删除);

                  用法:var para1=document.getElementById("p1");

                               para1.parentNode.removeChild(para1);

4、替换节点:replaceChild;将一个节点替换为另一个节点(先找到要替换的节点的父节点,用父节点替换);

 

创建、插入、删除、查询、替换dom节点的方法(JS实现)

标签:

原文地址:http://www.cnblogs.com/mixiu/p/5851878.html

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