如何获取定位元素的left值

1.行内样式

比如·：<div style="left:20px;"></div>

css部分：
<style>
        div {
            position: absolute;
            top: 0;
            width: 60px;
            height: 60px;
            background-color: #00a1d6
        }
</style>

获取办法：

js部分：
<script>
        var div = document.getElementsByTagName("div")[0];
        console.log(div.style.left);
</script>

2.外部样式

比如·：<div></div>

css部分：
<style>
        div {
            position: absolute;
            left: 0;
            top: 0;
            width: 60px;
            height: 60px;
            background-color: #00a1d6
        }
</style>

获取办法：

js部分：
<script>
        var div = document.getElementsByTagName("div")[0];
        console.log(div.offsetLeft);
</script>

3.总结

• 行内样式用dom.style.left
• 外部样式用dom.offsetLeft