js取得元素外鏈樣式的方法_javascript技巧

本文實例講述了js取得元素外鏈樣式的方法。分享給大家供大家參考。具體分析如下：

一般為元素設定行內樣式，如

。如要取得它的樣式，即可document.getElementById("div1").style.width來取得或設定。但是如果樣式是在外鏈link中的或是頁面的非行內樣式，就取得不到了。

在標準瀏覽器中可以透過window.getComputedStyll(obj,null)[property]來取得外鏈樣式，但是在ie瀏覽器中則是透過obj.currentStyle來取得。

完整html程式碼如下：

複製程式碼 程式碼如下:

<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程式設計有所幫助。