getElementById(id) 返回值，就是这个元素对象，它具有唯一性
const box = document.getElementById('box')
getElementsByClassName(class) 返回值，就是这些元素对象的集合
const apples = document.getElementsByClassName('apples')
getElementsByTagName(tagname) 返回值，就是这些元素对象的集合
const lis = document.getElementsByTagName('li')
querySelector(css选择器)
const box = document.querySelector('#box')
querySelectorAll(css选择器)
const lis = document.querySelectorAll('li')
通过style属性添加的样式是行内样式 - 优先级高
| js是由事件驱动的 |
| 事件的绑定（注册） |
| 事件的三要素 |
| 事件源 |
| 事件类型 onclick点击事件 |
| 执行的处理程序 |
|
