| 事件 | 描述 |
|---|
| onchange |
HTML 元素已被改变 |
| onclick |
用户点击了 HTML 元素 |
| onmouseover |
用户把鼠标移动到 HTML 元素上 |
| onmouseout |
用户把鼠标移开 HTML 元素 |
| onkeydown |
用户按下键盘按键 |
| onload |
浏览器已经完成页面加载 |
查找 HTML 元素
| 方法 | 描述 |
|---|
| document.getElementById(id) |
通过元素 id 来查找元素 |
| document.getElementsByTagName(name) |
通过标签名来查找元素 |
| document.getElementsByClassName(name) |
通过类名来查找元素 |
改变 HTML 元素
| 方法 | 描述 |
|---|
| element.innerHTML = new html content |
改变元素的 inner HTML |
| element.attribute = new value |
改变 HTML 元素的属性值 |
| element.setAttribute(attribute, value) |
改变 HTML 元素的属性值 |
| element.style.property = new style |
改变 HTML 元素的样式 |
添加和删除元素
| 方法 | 描述 |
|---|
| document.createElement(element) |
创建 HTML 元素 |
| document.removeChild(element) |
删除 HTML 元素 |
| document.appendChild(element) |
添加 HTML 元素 |
| document.replaceChild(element) |
替换 HTML 元素 |
| document.write(text) |
写入 HTML 输出流 |
添加事件处理程序
| 方法 | 描述 |
|---|
| document.getElementById(id).onclick = function(){code} |
向 onclick 事件添加事件处理程序 |
js 表面学习 - 认识事件
原文：https://www.cnblogs.com/yitaqiotouto/p/12518142.html
