本文實例講述了js取得元素外鏈樣式的方法。分享給大家供大家參考。具體分析如下:
一般為元素設定行內樣式,如
。如要取得它的樣式,即可document.getElementById("div1").style.width來取得或設定。但是如果樣式是在外鏈link中的或是頁面的非行內樣式,就取得不到了。
在標準瀏覽器中可以透過window.getComputedStyll(obj,null)[property]來取得外鏈樣式,但是在ie瀏覽器中則是透過obj.currentStyle來取得。
完整html程式碼如下:
js取得元素外鏈樣式
<script><br />
function getstyle(obj,property){<br />
if(obj.currentStyle){<br />
return obj.currentStyle[property];<br />
}else if(window.getComputedStyle){<br />
return document.defaultView.getComputedStyle(obj,null)[property];//或也可以透過window.getComputedStyle來取得樣式<br />
}<br />
return null;<br />
}
<p>$(document).ready(function(){<br />
$("p").click(function(){<br />
alert(getstyle(this,"width"));<br />
});<br />
});<br />
</script>
如果您點擊我,彈出寬度。
點擊我,彈出寬度。
也要點選我~O(∩_∩)O~。
希望本文所述對大家的javascript程式設計有所幫助。