JavaScript关于元素

DOM对象：

节点:

元素节点：标签

属性节点：属性

文本节点：文本

查找节点：

父找子

父节点对象.firstChild 获取当前元素的第一个子节点

父节点对象.lastChild 获取当前元素的最后一个子节点

父节点对象.childNodes 获取当前元素的所有子节点 可能会有空格

父节点对象.firstElementChild 查找父节点下的第一个子元素节点

父节点对象.lastElementChild 查找父节点下的最后一个子元素节点

父节点对象.children 获取当前元素的所有子元素

子找父

子节点对象.parentElement 通过子节点查找父元素

子节点对象.parentNode  获取当前元素的父元素

子找兄

子节点对象.previousSibling 获取当前元素的前一个兄弟节点

子节点对象.nextSibling 获取当前元素的最后一个兄弟节点

子节点对象.previousElementSibling 获取当前元素的前一个兄弟节点

子节点对象.nextElementSibling 获取当前元素的后一个兄弟节点

 查看/修改/删除属性节点

查看属性节点:getAttribute（"属性名"）；

修改属性节点：setAttribute（“属性名”，“属性值”）

删除属性节点：removerAttribute（“属性名”）

创建和增加节点 

createElement():创建元素节点；

appendChild（）：末尾追加方式插入节点

insertBefore（）：在指定节点前插入新节点

cloneNode（）：克隆节点