12.JS HTML DOM
1.查找HTML元素：
① 通过 id 找到 HTML 元素，id名唯一
②通过标签名找到 HTML 元素，以数组形式保存
③通过类名找到 HTML 元素，类名不唯一，因此以数组形式保存
，
2.改变HTML
①改变输出流（write）：
JS输出
②改变HTML内容（innerHTML）：
③改变HTML属性：
3.改变CSS
改变style
4.HTML DOM事件
JS对HTML事件作出反应：
●当用户点击鼠标时：onclick
●当网页已加载时
●当图像已加载时
●当鼠标移动到元素上时
●当输入字段被改变时
●当提交 HTML 表单时
●当用户触发按键时
5.EventListener操作事件
①addEventListener() 方法：
element.addEventListener(event, function, useCapture);
第一个参数是事件的类型 (如 "click" 或 "mousedown").
第二个参数是事件触发后调用的函数。
第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。
可以多个事件叠加，按顺序执行。
②removeEventListener() 方法：
清除add增加的事件
6.DOM元素操作
1.在尾部创建新元素 - appendChild()
--方法：父元素.appendChild（新元素）
appendChlid()
2.在起始位置创建新元素 - insertBefore()
--方法：父元素.insertBefore（新元素，用于确定位置的元素）
--效果：将新元素添加至位置元素的前面。
insertBefore()
3.移除已存在的元素 - removeChild（）
removeChild()
4.替换元素 - replaceChild（）
--方法：父元素.replaceChild（新元素，旧元素）
