DOM操作
来源:互联网 发布:网络平台合作推广方案 编辑:程序博客网 时间:2024/06/03 09:14
一、遍历节点树
childNodes 返回一个数组,这个数组由给定元素节点的子节点构成firstChild 返回第一个子节点lastChild 返回最后一个子节点parentNode 返回一个给定节点的父节点nextSibling 返回给定节点的下一个子节点previousSibling返回给定节点的上一个子节点
elementNode.childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组
node.firstChild 与elementNode.childNodes[0]效果相同node.lastChild 与elementNode.childNodes[elementNode.childNodes.length-1]效果相同elementNode.parentNode 获取制定节点的父节点
二、DOM操作
createElement(element) 创建一个新的元素节点createTextNode() 创建一个包含着制定文本的新文本节点appendChild() 制定节点的最后一个子节点列表之后添加一个新的子节点insertBefore() 将一个给定节点插入到一个给定元素节点的给定子节点前面removeChild() 从一个给定元素中删除一个子节点replaceChild() 把一个给定父元素里的一个子节点替换为另一个节点
获取节点对象
document.getElementsByName(name) 返回带有指定名称的节点对象的集合document.getElementsByTagName(Tagname) 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。elementNode.getAttribute(name) 返回属性内容elementNode.setAttribute(name,value) 增加一个制定名称和值的新属性,或者把一个现有的属性设定为指定的值。
三、节点属性
在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :
- nodeName : 节点的名称
- nodeValue :节点的值
- nodeType :节点的类型
一、nodeName 属性: 节点的名称,是只读的。
- 元素节点的 nodeName 与标签名相同
- 属性节点的 nodeName 是属性的名称
- 文本节点的 nodeName 永远是 #text
- 文档节点的 nodeName 永远是 #document
二、nodeValue 属性:节点的值
- 元素节点的 nodeValue 是 undefined 或 null
- 文本节点的 nodeValue 是文本自身
- 属性节点的 nodeValue 是属性的值
三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:
元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
nodeObject.nextSibling 返回某个节点之后紧跟的节点(处于同一树层级中)。nodeObject.previousSibling 返回某个节点之前紧跟的节点(处于同一树层级中)。
0 0
- [DOM]javascript DOM操作
- DOM操作
- DOM操作
- DOM操作
- dom操作
- Dom 操作
- Dom操作
- DOM操作
- DOM操作
- #DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- 九度OJ-1059:abc
- 学习笔记-phthon(2)
- redhat6.5安装解nginx
- SpringBoot实践
- 数据库设计第六章简答题
- DOM操作
- 目标跟踪算法三:Modeling and Propagating CNNs in a Tree Structure for Visual Tracking (VOT2016冠军)
- iOS 中三种定时器的用法NSTimer、CADisplayLink、GCD
- String、StringBuffer及StringBuilder的异同
- 并查集——奇偶性(Parity)
- WinForm嵌入Chrome内核浏览器
- jquey获取页面中所有被选中的checkbox和radio的值,并保存为以逗号隔开的字符串
- Centos 安装 mysql5.1
- 九度OJ-1036:Old Bill