标签样式操作

// 1, 标签对象.style            只能获取通过行内样式语法设定的属性的属性值

        //    window.getComputedStyle  可以获取任意语法形式的css样式的属性的属性值

        // 2, 标签对象.style            获取颜色  获取的就是你设定的属性值 rgb() 或者 英文词 或者 #十六进制数值

        //    window.getComputedStyle  获取颜色  统一都是rgb()形式

        // 3, window.getComputedStyle  如果属性有多个属性值,都会一起获取到

        //                             即时没有设定,获取的是默认值

        // 4, window.getComputedStyle  获取的数据,是带有 px 单位的数据

        //                             如果只需要获取数值 , 不要 px 单位

        //                             parseInt() 获取整数部分就行了

        //                             普通浏览器支持

        // 5, 标签对象.currentStyle.属性  低版本IE浏览器支持

        // 6, 兼容处理的基本原理

        //    调用 window.getComputedStyle  或者 调用 标签对象.currentStyle

        //    支持的浏览器有执行结果,不支持的浏览器执行结果是undefined

 // DOM操作之标签样式操作

        // 通过 标签对象.style.css样式 = 属性值 的方式来设定标签样式

        // 通过 此语法设定的CSS样式 是 行内/内嵌 样式

        // 权重或者优先级是最高的

        // 获取css样式属性

        // 如果 通过 标签对象.style.属性 来获取样式

        var oDiv = document.getElementById('div');

        // 通过 style方法,定义的css样式,是行内样式

        oDiv.style.color = 'blue';

        // 问题1:样式是行内样式,权重优先级最高

        // 问题2:JavaScript语法中,不支持 - 减号符号

        //       减号是作为减法运算符执行

        //       如果定义css样式写成 font-size 

        //       JavaScript程序会认为是 font 减 size 执行就会报错

        //       在 style 中 定义css样式 减号去掉,使用小驼峰命名法

        //       font-size 要写成 fontSize

        //       其他的定义语法,与css语法完全相同

        // 7, 设定标签样式属性,一律使用 , 标签对象.style.属性 = 属性值