DOM查询基本操作

若是通过document对象调用则查询范围是整个HTML文档，若是通过某个节点对象调用则是在当前节点范围内查询

 

1.getElementById()

  -通过Id属性获取一个元素节点对象

  -返回一个对象

 

2.getElementsByTagName()

 -通过标签名获取一组元素节点对象

 -返回一个对象数组

 

3.getElementsByName()

-通过name属性获取一组元素节点对象

-返回一个对象数组

4.childNodes

-返回当前节点的所有子节点（求子节点个数时空格也会算进去，一个空格占一个子节点位，IE8及以下浏览器不会算空格 ）

5.children

-获取当前元素的所有子元素

6.firstChild

-获取当前节点的第一个子节点（包括空白文本节点）

7.firstElementChild

-获取当前元素的第一个子元素（元素不包括空白文本，该方法不兼容IE8及以下浏览器）

8.parentNode

-表示当前节点的父节点

9.previousSibling

-获取前一个兄弟节点

10.body

-保存的是body里面的内容

11.documentElement

-保存的是html根标签中的内容

12.all(getElementByTagName(*))

-保存的是页面中的所有元素

13.querySelector()

-需要一个选择器的字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象（即参数是CSS代码），使用该方法总会返回唯一一个元素，若有多个相同的，返回第一个满足要求的元素，若需要全部，则使用querySelectorAll()。