為什么我不能在JavaScript函數中訪問此CSS屬性？
[英]Why can't I access this CSS property in a JavaScript function?
問題描述
當我從樣式表中設置屬性時，無法訪問JavaScript函數中一個圖像元素的left屬性，但是當我在image標簽上使用內聯樣式時，它可以正常工作。
這是我的代碼：
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
function moveObjRight(obj) {
var a = document.getElementById(obj);
alert(a.style.left)
}
</script>
<style type="text/css">
#AS
{
top: 141px;
left: 118px;
position: absolute;
height: 25px;
width: 25px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<img alt="asd" src="pic 3-4.jpg" id="AS" />
<input type="button" value="Button" onclick="javascript:moveObjRight('AS');" />
</div>
</form>
</body>
</html>
3 個解決方案
解決方案1
3 已采納 2011-04-16 10:25:42
您需要使用計算的樣式屬性。 這可以通過具有簡單功能的跨瀏覽器方法來實現。 請看一下怪癖模式 ，以解釋以下功能。
function getStyle(el,styleProp) {
var x = document.getElementById(el);
if (x.currentStyle)
var y = x.currentStyle[styleProp];
else if (window.getComputedStyle)
var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
return y;
}
解決方案2
0 2011-04-16 10:23:12
在Internet Explorer中，請參見<IMG>屬性頁對話框 。
解決方案3
0 2011-04-16 10:35:28
為什么我無法訪問 javaScript 中的 css 樣式屬性？
[英]why I ain't able to access css style property in javaScript if condition?
如何從 Polymer 中的 JavaScript 訪問自定義 CSS 屬性？
[英]How can I access custom CSS property from JavaScript in Polymer?
Javascript：我在函數中定義了全局變量，但無法在函數外部訪問它。 為什么？
[英]Javascript: I defined a global variable in function, but can't access it outside the function. why?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
為什么我無法在javascript中訪問對象的屬性？
為什么我不能設置 JavaScript 函數的名稱屬性？
為什么我無法從 HTML 文件中訪問 javascript function？
為什么我無法訪問 javaScript 中的 css 樣式屬性？
為什么不能訪問對象的屬性？
為什么我無法在javascript中訪問此變量？
如何從 Polymer 中的 JavaScript 訪問自定義 CSS 屬性？
為什么JavaScript無法訪問屬性？
為什么我不能從我的計算屬性訪問我的數據函數？
Javascript：我在函數中定義了全局變量，但無法在函數外部訪問它。 為什么？
相關標簽