js中的节点操作

节点概述

网页中所有的内容都是节点(标签，属性，文本，注释等)
每一个节点都有nodeType属性，nodeName属性和nodeValue属性
常用的节点

　　元素节点

　　 nodeType: 1

　　nodeName: 大写的标签名

　　nodeValue: null

　　属性节点

　　nodeType: 2

　　nodeName: 属性名称

　　nodeValue: 属性值

　　文本节点

　　nodeType: 3

　　nodeName: #text

　　nodeValue: 文本内容

　　注释节点

　　nodeType: 8

　　nodeName: #comment

　　nodeValue: 注释内容

节点操作与DOM获取元素比较

　　获取元素通常使用两种方式

　　　　1、利用DOM提供的方法获取元素　　　　　

　　　　　　document.getElementById()　　指定类名的元素集合

　　　　　　document.getElementByClassName() 　　指定标签名的元素集合

　　　　　　document.querySelector()等　　没有时效性　　　　　

　　　　　　　　逻辑性不强，繁琐

　　　　2、利用节点层级关系获取元素

　　　　　　利用父子兄弟节点关系获取元素

　　　　　　逻辑性强，但兼容性差

节点操作属性

IE8不兼容兄弟元素,子元素的操作，执行得到undefined，而且在IE8里面没有任何替代方案
IE8要获取兄弟元素，子元素只能通过节点获取，所以需要兼容代码