getComputedStyle()函式如何獲取border等符合屬性值
關於getComputedStyle()函式的基本用法這裡就不多介紹了。
具體可以參閱getComputedStyle()和currentStyle屬性的用法一章節。
不過很多使用者並不能夠正確獲取border等符合屬性的相關屬性值,下面就介紹一下如何正確獲取。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #antzone{ border:1px red solid; float:left; } </style> <script type="text/javascript"> function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; } else{ return getComputedStyle(obj, false)[attr]; } } window.onload=function(){ var oLi=document.getElementById('antzone'); var oshow=document.getElementById("show"); oshow.innerHTML=(getStyle(oLi,'borderLeftColor')) } </script> </head> <body> <ul> <li id="show"></li> <li id="antzone">螞蟻部落</li> </ul> </body> </html>
上面的程式碼可以正確獲取邊框的顏色。
要注意的是,不能夠直接border或者borderColor之類的,一定要精確到哪個方位的邊框,同時還有哪個屬性。
相關文章
- style方式獲取元素的border和background等符合屬性
- getComputedStyle()方法如何獲取float屬性值
- getComputedStyle()獲取樣式值
- JS - 獲取CSS屬性值 getComputedStyle()與currentStyle()、style()方法JSCSS
- javascript如何獲取屬性值JavaScript
- js如何獲取給定屬性的屬性值JS
- 視窗屬性的獲取函式函式
- CSS border屬性預設值CSS
- JavaScript 獲取 checked 屬性值JavaScript
- js如何獲取樣式表中定義的css屬性值JSCSS
- css的border屬性預設值CSS
- id屬性值帶有點(.)jQuery如何獲取jQuery
- C#反射設定屬性值和獲取屬性值C#反射
- 在url中通過屬性名獲取屬性值
- 透過Lambda函式的方式獲取屬性名稱函式
- 獲取元素CSS值之getComputedStyle方法熟悉CSS
- javascript獲取物件直接量中的屬性和屬性值JavaScript物件
- javascript通用獲取元素樣式屬性值程式碼例項JavaScript
- 設定和獲取元素固有屬性值
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- render函式處理動態獲取img的src屬性函式
- javascript函式使用length屬性獲取形參的數目JavaScript函式
- js獲取非內部取樣式表中定義的屬性值JS
- js如何獲取某一類type屬性值表單元素JS
- C#獲取某個物件的屬性值C#物件
- jQuery獲取id屬性值具有點的元素jQuery
- 使用jQuery獲取iframe元素的value屬性值jQuery
- 獲取dom的最終的css屬性值CSS
- 獲取類屬性值,當前類,父類
- 獲取物件屬性型別、屬性名稱、屬性值的研究:反射和JEXL解析引擎物件型別反射
- Linux stat函式獲取檔案屬性(檔案大小,建立時間等,判斷普通檔案或者目錄等)Linux函式
- jQuery修改和獲取圖片的src屬性值jQuery
- JavaScript 通過 type 屬性值獲取表單元素JavaScript
- jquery獲取id屬性值帶有點的元素jQuery
- 獲取json串裡的某個屬性值JSON
- shell指令碼獲取函式返回值指令碼函式
- C#通過反射獲取物件屬性,列印所有欄位屬性的值C#反射物件
- 獲取影像的屬性