6.16笔记

        使用dom操作css

        语法：元素.style.样式名=样式值；

        注意：如果css中样式名有-，这个符号在js中是不合法的，需要修改为驼峰命名法

        我们通过style属性设置的都是内联样式，二内联样式有较高优先级，所以

        通常修改以后马上生效

        但是如果样式中写了！important此时样式具有最高优先级，回导致js修改样式失效

        读取样式 语法：  元素.style.样式名

        通过style读取的都是内联样式属性，无法读样式表中的样式

        读取当前元素显示的样式：  元素.currentStyle.样式名

        如果获取的样式没有设置返回默认值

        只有ie支持  其他浏览器都不支持

        在其他浏览器中我们可以使用getComputedStyle(样式，伪元素)来获取样式

        在这个方法是window的方法，可以直接使用

        需要两个参数，第二个是伪元素，一般传null

        该方法会返回一个对象，对象中封装了样式

        可以通过对象.样式的方法来获取具体样式，如果获取的样式没有设置，则获取的

        是真实值，而不是默认值

        该方法不支持ie8及以下

        clientWidth

        clientHeight  这两个属性可以获取元素的可见高度和宽度

        这些属性都是不带px的，返回一个数字，可以直接计算

        会获取元素的宽度和高度，包括内容区和内边距

        这些属性是只读的，不能修改

        offsetWidth offsetHeight 获取这个元素的宽度高度，包括内容区，内边距，边框

 

        事件对象：当事件的响应函数被触发时，浏览器每次都会将一个事件对象

        作为实参传递给响应函数，在事件对象中封装了当前事件相关的一些信息

        比如鼠标的坐标，键盘上按了那个键，鼠标滚轮滚动方向等

        事件的冒泡：所谓的冒泡就是指事件的向上传导，当后代元素的事件被触发

        其祖先元素的相同事件也会被触发

        开发中大部分的冒泡都是有用的，如果不希望发生事件

        将事件的cancelBubble设置为true

        事件的委派，指将事件统一绑定的祖先元素，这样当后代元素上的事件被触发时，

        会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件

        事件的委派利用了冒泡，通过委派来减少绑定次数，提高程序性能