Dom的基本操作回顾
2015-09-11 14:45
447 查看
Dom的节点操作常用方法:
1.appendChild(),用于向childNodes列表的末尾添加一个节点。
例如:
var returnedNode = someNode.appendChild(newNode);
2.insertBefore(),用于把节点放到childNodes的某个位置,而不是末尾的时候。该方法接收两个参数,要插入的节点和参照的节点。如果参照节点是null,则insertBefore()和appendChild()执行的操作是一样的。
例如:
//在末尾的时候插入节点
var returnedNode = someNode.insertBefore(newNode,null);
//在第一个节点处插入一个节点
var returnedNode = someNode.insertBefore(newNode,someNode.firstChild);
3.replaceChild(),用于移除某个节点,参数为需要移除的节点。
例如:
//移除第一个节点
var returnedNode = someNode.replaceChild(someNode.firstChild);
4.removeChild(),用于删除某个节点,参数为需要移除的节点。
例如:
//删除第一个节点
var returnedNode = someNode.removeChild(someNode.firstChild);
5.其他一个较为重要的方法,cloneNode(),用于创建这个方法的节点的另一个完全相同的副本。cloneNode()接受一个布尔型的参数,true时,表示深复制,false时,为浅复制。
1.appendChild(),用于向childNodes列表的末尾添加一个节点。
例如:
var returnedNode = someNode.appendChild(newNode);
2.insertBefore(),用于把节点放到childNodes的某个位置,而不是末尾的时候。该方法接收两个参数,要插入的节点和参照的节点。如果参照节点是null,则insertBefore()和appendChild()执行的操作是一样的。
例如:
//在末尾的时候插入节点
var returnedNode = someNode.insertBefore(newNode,null);
//在第一个节点处插入一个节点
var returnedNode = someNode.insertBefore(newNode,someNode.firstChild);
3.replaceChild(),用于移除某个节点,参数为需要移除的节点。
例如:
//移除第一个节点
var returnedNode = someNode.replaceChild(someNode.firstChild);
4.removeChild(),用于删除某个节点,参数为需要移除的节点。
例如:
//删除第一个节点
var returnedNode = someNode.removeChild(someNode.firstChild);
5.其他一个较为重要的方法,cloneNode(),用于创建这个方法的节点的另一个完全相同的副本。cloneNode()接受一个布尔型的参数,true时,表示深复制,false时,为浅复制。
相关文章推荐
- 分享微信开发Html5轻游戏中的几个坑
- c#调用COM组件
- 星外ASP.Net的安全设置相关说明
- Mootools 1.2教程(2) DOM选择器
- DOM 事件流详解
- C#实现把指定数据写入串口
- C#动态创建button的方法
- C#中抽象方法与虚拟方法的区别
- c#中虚函数的相关使用方法
- C#使用加边法计算行列式的值
- C#实现多线程的同步方法实例分析
- C#中尾递归的使用、优化及编译器优化
- Dom在ajax技术中的作用说明
- C#通用邮件发送类分享
- C#中this的用法集锦
- C#.NET获取拨号连接的宽带连接方法
- C#异步绑定数据实现方法
- C#实现AddRange为数组添加多个元素的方法
- C#中Equality和Identity浅析
- C#生成饼形图及添加文字说明实例代码