JS——获取属性

<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>

<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>