首页 > 编程语言 >javaScript DOM - document 获取元素的方式,document 事件的三要素,事件的绑定方式,常用事件,事件内置对象,事件流

javaScript DOM - document 获取元素的方式,document 事件的三要素,事件的绑定方式,常用事件,事件内置对象,事件流

时间:2023-02-07 12:34:25浏览次数:34  
标签:元素 对象 javaScript 获取 事件 document 选择器

获取元素:

1.document 获取元素的方式

getElementById 通过Id名获取 返回对象
getElementsByTagName 通过标签名获取 返回数组
getElementsByClassName 通过类名获取 返回数组
querySelector 通过选择器获取该选择器的第一个元素对象; 返回对象
querySelectorAll 通过选择器获取该选择器所有的元素对象 返回数组
document.body 专门获取body元素 返回对象
document.documentElement 专门获取html元素 返回对象

 

事件:

1.事件的三要素:事件源,事件类型,事件处理程序

 

2.事件的绑定方式

var doc=document.querySelector("div");
//方式1
doc.onclick=function (event) {

}
//方式2
doc.addEventListener("click",function (event){

})

 

3.常用事件

事件描述
onclick 点击鼠标时触发此事件
onmouseover 当鼠标移动到某个元素上方时触发此事件
onmousemove 移动鼠标时触发此事件
onmouseout 当鼠标离开某个元素范围时触发此事件
onkeydown 当按下键盘上的某个按键时触发此事件
onload 页面内容加载完成时触发此事件

 

4.事件的内置对象

标签:元素,对象,javaScript,获取,事件,document,选择器
From: https://www.cnblogs.com/ErenYeager/p/17097985.html

相关文章