首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 16:17:56
原創
1259 人瀏覽過

本文實例講述了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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板