获取元素:
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