DOM

DOM是？

DOM是Document Object Model（文档对象模型）的缩写，它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API，它定义了访问HTML文档对象的一套属性、方法和事件
。

节点类型

每个节点都有一个nodeType属性，用于表明节点的类型。
常用节点类型与对应nodeType值：
用于判断获取到的元素属于什么类型节点

元素节点 <> 1
文本节点 <> 3
属性节点 <==> 2

获取元素节点方法

document.getElementById(id)
通过 ID获取元素的节点（速度最快）
必须通过document调用
返回DOM节点对象，如果id不存在返回null
getElementsByTagName(tagname)
通过标签名获取元素节点列表
返回类数组，如果tagname不存在返回空数组[]
getElementsByClassName()
通过class类名获取节点列表
返回类数组，如果类名不存在返回空数组[]
document.getElementsByName()
通过name属性获取元素节点列表
必须通过document调用
返回类数组，如果name属性不存在返回空数组[]
注意: 如果确认元素存在, 但是返回null或[]，一定是代码执行顺序的问题

节点属性

nodeName 返回节点的名称，根据其类型。
nodeType 返回节点的类型。
nodeValue 返回节点的值（元素节点的nodeValue为null）

节点方法

创建：
document.createElement() 创建一个元素节点
document.createTextNode() 创建一个文本节点
document.createAttribute() 创建一个属性节点（了解）
插入：
parent.appendChild() 向节点的子节点列表的结尾添加新的子节点
parent.insertBefore(new,node) 在指定的子节点node前插入新的子节点new。
ele.setAttributeNode(attrNode) 在指定元素中插入一个属性节点（了解）
对页面已存在节点的处理

复制
cloneNode(boolean) 复制节点，为true是深复制。
删除：
parent.removeChild(ele) 删除（并返回）当前节点parent的指定子节点ele。
判断：
parent.hasChildNodes() 判断当前节点是否拥有子节点,返回布尔值
以上parent表示父级元素，ele表示元素

利

用节点关系获取其他节点

获取父级节点
ele.parentNode 得到ele元素的父节点
获取子节点
ele.childNodes 得到ele元素的全部子节点列表（类数组）
ele.firstChild 获得ele元素的第一个子节点
ele.lastChild 获得ele元素的最后一个子节点
获取兄弟节点
ele.nextSibling 获得ele元素的下一个兄弟节点
ele.previousSibling 得到ele元素的上一个兄弟节点