获取文档元素的方法
2019-06-18 本文已影响0人
婳噫
- 通过id名选取元素
document.getElementById(id名);
返回： 元素
id不存在： 返回 null - 通过类名选取元素
document.getElementsByClassName(class名);
返回： 元素组成的伪数组
class不存在： 返回 空数组
3.通过标签名选取元素
document.getElementsByTagName(标签名);
返回： 元素组成的伪数组
标签名不存在： 返回 空数组 - 通过name属性选择元素
document.getElementsByName(name值);
返回： 元素组成的伪数组
name不存在： 返回 空数组 - 采用css选取器语法来选取元素
只会选取符合条件的第一个元素*
document.querySelector('div'); // 通过标签名
document.querySelector('#div'); // 通过id名
document.querySelector('.div'); // 通过类名
document.querySelector('div>span'); // 通过子选择器 - 采用css选取器语法来选取元素
会选取所有*符合条件的元素
document.querySelectorAll(选择器语法); - 通过相对于当前窗口左上角的横纵坐标
document.elementFromPoint(x,y)
返回位于页面指定位置的元素，如果该元素不可返回则返回它的父元素，
坐标值负值无意义，返回null
