JS——获取属性

window.getComputedStyle(div, null)

<script>
    var div = document.getElementsByTagName("div")[0];
    console.log(typeof  window.getComputedStyle(div, null));//object
    console.log(window.getComputedStyle(div, null).width);//400px
    console.log(window.getComputedStyle(div, null)["width"]);//400px
    console.log(window.getComputedStyle(div, null)["background-color"]);//rgb(255, 192, 203)
    console.log(window.getComputedStyle(div, null).backgroundColor);//rgb(255, 192, 203)
</script>

div.currentStyle（IE678）

<script>
    var div = document.getElementsByTagName("div")[0];
    console.log(div.currentStyle["width"]);
    console.log(div.currentStyle.width);
</script>

兼容写法

<script>
    var div = document.getElementsByTagName("div")[0];
    console.log(getStyle(div, "width"));
    console.log(getStyle(div, "backgroundColor"));

    function getStyle(ele, attr) {
        if (window.getComputedStyle) {
            return window.getComputedStyle(ele, null)[attr];
        }
        return ele.currentStyle[attr];
    }
</script>

注意事项：普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式，只能获取行内式