dom元素的操作
查询dom
document.querySelector(选择器的名字)
查询类名为box的元素
document.body获取body元素
直接获取body元素
创建添加
innerHTML：可以清空元素 也可以在某个元素中 添加html类型的字符串 ，会覆盖之前的元素
在body中添加p，原来的div会被覆盖
创建元素：document.createElement("标签的名字/p/a/img/span/div...") 创建完会得到一个dom对象
创建一个div的dom对象，这个div不会出现在html中
拼接子元素：父元素.appendChild(子元素)
dom元素属性的操作
innerText 写入读取文本内容（覆盖的方式）
textContent 写入读取文本内容（覆盖的方式）
src 设置图片、音频、视频的资源文件路径
className 设置元素 类选择器名字
id 设置元素的id选择器
dom元素样式的操作
只设置单独一条样式：dom.style.xxx = "值";
通过设置多条样式：dom.style.cssText = "键:值;键:值;";
读取用js设置的样式：dom.style.xxxx
读取用css设置的样式：getComputedStyle(要读取样式的dom元素).xxx
dom元素的事件
点击事件onclick：dom.onclick = function(){具体执行的事件}
