DOM节点操作
2017-08-09 本文已影响0人
路口师傅
| 属性/方法 | 描述 |
|---|
| 获取节点 document | |
|---|---|
| element.getElementsByTagName() | 返回指定标签名的所有子元素集合。 |
| element. getElementsByClassName() | 返回文档中所有指定类名的元素集合，作为 NodeList 对象。 |
| document/element.getElementsByName() | 返回带有指定名称的对象集合。 |
| document.getElementById() | 返回对拥有指定 id 的第一个对象的引用。 |
| 获取节点=> 节点指针 | |
| element.childNodes | 返回元素的一个子节点的数组 |
| element.children | 返回元素的一个子节点的数组 兼容，且不包含文本节点 |
| element.firstChild | 返回元素的第一个子节点 |
| element.lastChild | 返回的最后一个子元素 |
| element.nextSibling | 返回该元素紧跟的一个节点 |
| element.previousSibling | 返回某个元素紧接之前元素 |
| element.parentNode | 返回元素的父节点 |
| element.ownerDocument | 返回元素的根元素（文档对象） |
| element.nodeName | 返回元素的标记名（大写） |
| element.nodeType | 返回元素的节点类型 1.元素节点 3.文本节点 |
| element.nodeValue | 返回元素的节点值 |
| **属性操作 ** | |
|---|---|
| element.attributes | 返回一个元素的属性数组 |
| element.hasAttribute() | 如果元素中存在指定的属性返回 true，否则返回false。 |
| element.getAttribute() | 返回指定元素的属性值 |
| element.setAttribute() | 设置或者改变指定属性并指定值。 |
| element.removeAttribute() | 从元素中删除指定的属性。 |
| document 节点操作 | 创建节点 |
|---|---|
| document.createElement() | 创建元素节点。 |
| document.createAttribute() | 创建一个属性节点 |
| document.createTextNode() | 创建文本节点。 |
| document.createComment() | createComment() 方法可创建注释节点。 |
| document.createDocumentFragment() | 创建空的 DocumentFragment 对象，并返回此对象。 |
| element 节点操作 | 插 加 删 换 复 |
| element.insertBefore() | 现有的子元素之前插入一个新的子元素 |
| element.appendChild() | 为元素添加一个新的子元素 |
| element.removeChild() | 删除一个子元素 |
| element.replaceChild() | 替换一个子元素 |
| element.cloneNode() | 克隆某个元素 |
