0

有谁知道，第一次加载时我有一个 div 元素，我将其属性设置为right:0and bottom:0; 我想得到它style.left，但它返回NaN。那么如何获得它或有其他方法？

<div id="myDiv">Sample</div>
<script type="text/javascript">
    var setMe = document.getElementById("myDiv");
    setMe.setAttribute("style", "background-color: red;
        position: absolute;
        width: 670px;
        height: 370px;
        right: 0;
        bottom: 0;");
    alert(setMe.style.left)
</script>
4

3 回答 3

1

使用getComputedStyle()试试看：（演示）

var setMe=document.getElementById("myDiv");

setMe.setAttribute("style", "background-color:red;position:absolute;width:670px;height:370px;right:0;bottom:0;");

alert(window.getComputedStyle(setMe).left);
于 2013-07-05T03:04:08.607 回答
0

使用offsetLeft属性。

<html>
<head></head>
<body>
<div id="myDiv">Sample</div>
<script type="text/javascript">
    var setMe=document.getElementById("myDiv");
    setMe.setAttribute("style", "background-color:red;position:absolute;width:670px;height:370px;right:0;bottom:0;");
    alert(setMe.offsetLeft);
</script>
</body>
</html>
于 2013-07-05T03:03:18.030 回答
0

你有三个选择：

style property // --> Returns an object that represents the element's style attribute (setted when parsed)

getAttribute // --> returns the value of the named attribute on the specified element.

computedStyle // -->  gives the final used values of all the CSS properties of an element.

看看这个 fiddle (demo) 中的每个例子。

还：

于 2013-07-05T03:05:43.463 回答