1.         body代码：
    2.         <div id="box"></div>
    3.         <button id="btn1">修改内联样式</button>
    4.         <button id="btn2">读取内联样式</button>
    6.         ---->js代码：
    7.                 var box = document.getElementById('box')
    8.         var btn1 = document.getElementById('btn1')
    9.         btn1.onclick = function(){
    10.             box.style.width = '300px';
    11.             box.style.height = '300px';
    12.             box.style.backgroundColor = 'red'
    13.         }
    14.         var btn2 = document.getElementById('btn2')
    15.         btn2.onclick = function(){
    16.             alert(getStyle(box,'width'))
    17.         }
    18.         // 定义一个函数，用来获取指定元素的样式
    19.         // 参数一：obj要获取样式的元素，name要获取的样式名
    20.         function getStyle(obj,name){
    21.             if(window.getComputedStyle){
    22.                 // 一般浏览器，具有getComputedStyle()方法
    23.                 return getComputedStyle(obj,null)[name]
    24.             }else{
    25.                 // IE8及以下浏览器不具有getComputedStyle()方法，具有currentStyle()
    26.                 return obj.currentStyle[name]
    27.             }
    28.             // 第二种方法
    29.             // return window.getComputedStyle?getComputedStyle(obj,null)[name]:obj.currentStyle[name]
    30.         }