JS入门之选取文档元素

1. 通过id名选取元素

document.getElementById(id名);
// 返回： 元素
// id不存在： 返回 null

2. 通过类名选取元素

document.getElementsByClassName(class名);
// 返回： 元素组成的伪数组
// class不存在： 返回 空数组

3. 通过标签名选取元素

document.getElementsByTagName(标签名);
// 返回： 元素组成的伪数组
// 标签名不存在： 返回 空数组

4. 通过name属性选择元素

document.getElementsByName(name值);
// 返回： 元素组成的伪数组
// name不存在： 返回 空数组

5. 采用css选取器语法来选取元素

只会选取符合条件的第一个元素*
document.querySelector('div'); // 通过标签名
document.querySelector('#div'); // 通过id名
document.querySelector('.div'); // 通过类名
document.querySelector('div>span'); // 通过子选择器

6. 采用css选取器语法来选取元素

会选取所有*符合条件的元素
document.querySelectorAll(选择器语法);

7. 通过相对于当前窗口左上角的横纵坐标

document.elementFromPoint(x,y)
返回位于页面指定位置的元素，如果该元素不可返回则返回它的父元素，
坐标值负值无意义，返回null