JS学习笔记2：JS DOC 编程艺术-节点选择

1、直接 获取节点

a、方法解释

getElementById('id-name')                            通过ID获取节点

getElementsByTagName('tag-name')          通过元素名获取节点的集合/数组

getElementsByClassName('class-name')    通过类名获取节点的集合/数组

querySelector('CSS选择器')                            通过CSS选择器获取匹配的第一个节点

querySelectorAll('CSS选择器')                        通过CSS选择器获取匹配节点的集合/数组

b、方法小结

2、通过节点层级关系获取节点

a、属性解释

返回是元素节点

node.parentNode                        返回元素的父节点，它（W3C标准）和 parentElement （非标准）的功能一样

node.nextElementSibling            返回元素的下一个兄弟节点，它与 nextSibling 的区别是不包括文本节点和注释节点

node.previousElementSibling    返回元素的上一个兄弟节点，它与 previousSibling 的区别是不包括文本节点和注释节点

node.children                                返回元素的子节点，它与 childNodes 的区别是不包括文本节点和注释节点

node.firstElementChild                返回元素的第一下子节点，它与 firstChild 的区别是不包括文本节点和注释节点

node.lastElementChild                返回元素的最后一下子节点，它与 lastChild 的区别是不包括文本节点和注释节点

返回包括元素节点、文本节点和注释节点

node.nextSibling                            返回元素的下一个兄弟节点（全类型节点）

node.previousSibling                      返回元素的上一个兄弟节点（全类型节点）

node.childNodes                            返回元素的全部节点（全类型节点）

node.firstChild                                返回元素的第一个子节点（全类型节点）

node.lastChild                                  返回元素的最后一个子节点（全类型节点）

注：全类型节点包括元素节点、文本节点或注释节点