js获取元素的方法

1.根据 ID 获取

document.getElementById('id');

使用 console.dir() 可以打印我们获取的元素对象，更好的查看对象里面的属性和方法。

2.根据标签名获取

document.getElementsByTagName('标签名');

注意：
因为得到的是一个对象的集合，所以我们想要操作里面的元素就需要遍历。
得到元素对象是动态的
如果获取不到元素,则返回为空的伪数组(因为获取不到对象)

还可以获取某个元素(父元素)内部所有指定标签名的子元素.

element.getElementsByTagName('标签名');

注意：父元素必须是单个对象(必须指明是哪一个元素对象). 获取的时候不包括父元素自己。

3.通过 HTML5 新增的方法获取

3.1document.getElementsByClassName(‘类名’)；// 根据类名返回元素对象集合

3.2 document.querySelector('选择器'); // 根据指定选择器返回第一个元素对象

3.3 document.querySelectorAll('选择器'); // 根据指定选择器返回

4获取特殊元素（body，html）

doucumnet.body // 返回body元素对象

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