Dom操作02

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(){具体执行的事件}