javaScript——获取元素方法

document.getElementById(" ") —— 在当前文档中，通过Id获取元素

document:文档；

get：获取；

Element：元素；

By：通过；

注意：Js是区分大小写的

1.Id获取元素

document.getElementById()

• 通过Id进行获取
• 如果获取一个不存在的元素，得到的结果会是null      ！！！！！！
• getElementById  只有document下有，id是当前页面中唯一的
• 遇到第一个符合条件的元素，就返回第一个元素

2.通过CSS选择符方式获取页面元素

document.querySelector(CSS选择器)

• 通过选择器进行获取
• 遇到第一个符合条件的元素，就返回第一个元素
• 如果获取一个不存在的元素，得到的结果会是  null    ！！！！！
• document—指定父级

document.querySelectorAll(CSS选择器)

• 根据指定的选择器返回
• 选择器组的所有选择器

3.通过class名字获取页面元素

document.getElementsByClassName(类名)

• 根据类名返回元素对象集合
• 返回值是个数组     元素是  每个带有此类名的标签
• 返回值是伪数组 ——不能调用数组中的方法

4.通过标签获取元素 

document.getElementsByTagName(元素的标签名)

• 返回获取元素对象的集合，以伪数组的形式存储
• 如果页面没有这个元素，返回一个空的伪数组