DOM—获取元素的方法

3.获取元素

3.1如何获取页面元素

• 根据ID获取
• 根据标签名获取
• 通过HTML5新增的方法获取
• 特殊元素获取

3.2 根据ID获取

使用getElementById()方法可以获取带有ID的元素对象

document.getElementById('ID名');

3.3 根据标签名获取

使用getElementsByTagName()方法可以返回带有指定标签名的对象的集合

document.getElementByTagName('标签名')

还可以获取某个元素（父元素）内部所有指定标签的子元素

element.getElementsByTagName('标签名')

注意：父元素必须是单个对象（必须指明是哪一个元素对象），获取的时候不包括父元素自己

3.4 通过HTML5新增方法获取

1.document.getElementByClassName('类名');//根据类名返回元素对象集合

2.document.querySelector('选择器');//根据指定选择器返回第一个元素对象，选择器必须加符号

3.document.querySelectorAll('选择器')

3.5 获取特殊元素（body, html）

1.document.body//返回body元素对象

2.document.documentElement//返回html元素对象