1.获取元素的方式：
一.
1.getElenentsByClassName 根据类名获得某些元素的集合。
2. querySelector 返回制定选择器的第一个元素，切记里面的选择器需要加符号 .box #nav
3.querySelectorAll()返回指定选择器的所有元素对象集合。
二.
1.获取body元素（var bodyEle = document.body）；
2.获取html元素（var htmlEle = document.documentElement）;
2.事件三要素：
点击一个按钮，弹出对话框
1.事件是由三部分组成①事件源
②时间类型 ③ 事件处理程序 我们也称为事件三要素。
①：事件源 事件被触发的对象 谁 按钮
②：时间类型 如何触发 什么事件 比如鼠标点击（onclick）还是鼠标经过还是键盘按下。
③：事件处理程序 通过一个函数赋值的方式 完成。
常见的鼠标事件：
onclick 鼠标点击左键触发
onmouseover 鼠标经过触发
onmouseout 鼠标离开触发
onfocus 获得鼠标焦点触发
onblur 失去鼠标焦点触发
onmousemove 鼠标移动触发
onmouseup 鼠标弹起触发
onmousedown 鼠标按下触发
3.改变操作元素：
1.innerText 不识别html标签 非标准 去除空格和换行。
2.innerHTML 识别html标签 w3c标准 保留空格和换行的。
4.播放背景音乐：
<embed>标签
hidden=”true“ 隐藏播放器按钮
hidden=”false“ 显示播放器按钮
autostar="true"意思是打开网页加载完成后自动播放
loop=“true”循环播放
5.自定义属性的操作：
获取属性值
element.属性
获取内置属性值（元素本身自带的属性）
element . getAttribute（'属性'）；主要获得自定义的属性（标准）我们程序员自定义的属性。
设置属性值
element.属性='值' 设置内置属性值
element.setAttribute（'属性'，'值'）；
（区别）
element.属性
设置内置属性值
element.setAttribute('属性')； 主要设置自定义的属性（标准）
