根据css选择器来获取DOM元素

1.document.querySelector('css选择器')

• 通过几乎所有的css选择器，选择匹配的第一个元素。
• 参数 ： 包含一个或多个有效的选择器（字符串传递）
• 返回值 ： 匹配第一个元素对象，如没有 返回 null
• 注意：选择器 类名 要加. id要加#号

2.document.queryselectorAll('css选择器')

• 通过几乎所有的css选择器，选择匹配的多个元素
• 参数 ： 包含一个或多个有效的选择器（字符串传递）
• 返回值 ： 匹配NodeList（节点集合），伪数组的方式传传递给我们
• 注意：选择器 类名 要加. id要加#号

伪数组

• 有长度、有索引号的数组
• 无pop（） push（） 等数组方法

3. document.getElementById('idname')

• 通过元素id名称，选择匹配的第一个元素。
• 参数 ： 目标元素的id值。

4.document.getElementsByTagName('enname')

• 通过标签名，获取所有的目标元素。
• 返回值 ： 匹配NodeList（节点集合），伪数组的方式传传递给我们。

5.document.getElementsByClassName('className')

• 通过类名，获取所有的目标元素。
• 返回值 ： 匹配NodeList（节点集合），伪数组的方式传传递给我们。

6.document.getElementsByName('name')

• 通过name属性值，获取所有的目标元素。
• 返回值 ： 匹配NodeList（节点集合），伪数组的方式传传递给我们。

两个特殊对象获取方式

1.获取body

• document.body

2.获取HTML

• document.documentElement