DOM总结（鼠标事件，操作标签属性)

1.行内Title属性：鼠标移到标题上会有提示。而JS对于Title类似一些属性会有简便的修改方式，可以直接boj.title=" ";进行修改，则不需要通过setAttribute(" title"," 修改值")来进行修改。

<div class="box1" title="这是一个盒子">今天周三，距离放假还有N天</div>
 对于一些常用的标签属性提供了直接 .操作的方式 ：title、className、style，
所以class既是一个关键字，也是一个保留字，且不会用来做类名。在修改class
时就需要obj.className="修改值”；来进行修改。
添加类名简便写法：以防需要去对代码进行比对时操作
           oBox.className = "wrap box1";
           oBox.className = oBox.className + " wrap";
           oBox.className += " 空格wrap";
注意：添加多个类名时中间需要空格隔开，不然会被当做一个整体识别。

注：在修改多条样式的时候最好写内部CSS样式，CSS样式的运行速度是要比JS运行快的，后面JS内部需要去修改多个样式的时候就可以去对类名进行修改即可。CSS的内部样式在JS中是无法获取的，因为无关，只对行内样式可以操作。

注意：①移除类名class的方法：对象.classList.remove("移除的类名称”,"第二个类名",...）;

           ②同理增加类名:对象.classList.add（"  要添加的类名"），但这里是追加，不是对所以的类名重新覆盖。

           ③ 自动判断，有相同类名就删除，没有相同类名就添加，是以上两种的综合，                                     对象.classList.toggle("类名");

            ④判断是否存在指定的类名称，会返回对应的布尔值，存在就是true，不存在就是false，                    在对对象进行操作的时候有时会需要先去判断一下。

                console.log( 对象.classList.contains("需要判断的类名称") );

2.在JS中通过Style来增加单一属性（不会整体覆盖）：Obj.style.weight="值";style中样式都可以通过此方法来增加，注意如background-color带-的这种写法时需注意，要去掉-，因为在JS中-会被当成减号，所以就需要去掉，且-后面的首字母要大写，例：Obj.style.backgroundColor = "yellow"; //用驼峰写法。

注意:如果是写多条的话就会被整体覆盖；如：Obj.style = "color:red; font-size:40px";就会整体覆盖。

3.仅仅设置单条样式 ：  元素.style.css样式属性名称。

  设置多条样式:对象.style.cssText = "font-size:30px;background-color:red;border:5px solid #000";（注意：是整体赋值，整个去改变）

4.getComputedStyle(元素)  得到元素自身所有生效的CSS样式（包括行内，内部，外部，默认样式）不负责设置。得到的是一个obj类型的数据，如果需要查看单独某个样式的话，则直接在getComputedStyle(元素).color等即可。