节点查询

• document 整个文档

• document.all 返回全部标签的类数组集合html ,head, body...

• document.getElementsByTagName(' * ') 返回全部标签的类数组集合html ,head, body...

• document.documentElement html标签

• document.body body标签

• document.forms[0].name 获取form

• document.getElementById("btn") 获取一个元素 只能document.(ie7下有bug 碰到再说)

• document.getElementsByName() 根据name属性获取一组元素 只能 document.

• getElemetsByTagName 根据标签名获取一组元素

• getElementsByClassName 根据class获取一组元素 不支持IE8及以下

• querySelector 返回一个 支持ie8以上

• querySelectorAll 返回一组 支持ie8以上

根据关系获取节点

• ele.parentNode
• ele.childElementCount 不包括文本节点的子节点个数
• -------------------------------------------------------------------------
• ele.childNodes 返回包括文本节点的子元素数组 (空格和换行的文本节点也算) ele.childNodes[0]
• ele.fristChild 返回当前元素的第一个子节点 (空格和换行的文本节点也算)
• ele.lastChild
• ele.nextSibling 返回后一个兄弟节点 ( 空格和换行的文本节点也算 )
• ele.previousSibling 返回前一个兄弟节点 ( 空格和换行的文本节点也算 )
• ----------------推荐使用下面这组api----------------
• ele.children 返回子元素 数组 ele.children[0]
• ele.firstElementChild 返回第一个子节点, 不支持IE8及以下
• ele.lastElementChild 返回最后一个子节点 不支持IE8及以下
• ele.nextElementSibling 返回后一个兄弟节点 不支持IE8及以下
• ele.previousElementSibling 返回前一个兄弟节点 不支持IE8及以下

其他方法

• ele.hasChildNodes() 判断元素是否含有子节点 返回值 boolean