06JS获取标签元素

1、获取操作的元素——document对象的方法和属性

document.getElementById('ID名') 返回这个id名的元素
document.getElementsByTagName('标签名') 返回所有这个标签名的元素的集合
document.getElementsByClassName('class名') 返回所有这个class的元素的集合
document.getElementsByName()返回带有指定名称的对象集合

除了document.getElementById()方法返回的是拥有指定id的元素外，其他方法返回的都是符合要求的一个集合。若要获取其中一个对象，可以通过下标的方式获取，默认从0开始。

document.querySelector("css任意选择器") 返回第⼀个（返回文档中匹配到指定的元素或CSS选择器的第1个对象的引用。）
document.querySelectorAll("css任意选择器") 返回符合的所有（返回文档中匹配到指定的元素或CSS选择器的对象集合。）
document.documentElement 获取HTML元素
document.body 获取body元素

2、示例

3、获取操作的元素——Element对象的方法和属性

在DOM操作中，元素对象也提供了获取某个元素内指定元素的方法，常用的两个方法分别为getElementsByClassName()和getElementsByTagName()。它们的使用方式与document对象中同名方法相同。

3、应用：改变网页背景色

4、示例2