javascript如何獲取內聯樣式和外部樣式表的值
大家會發現使用object.style.attr並不能夠獲取內聯和外部樣式表中的樣式值,子能夠獲得元素內使用style=""定義的樣式,下面給出一段程式碼能夠獲取元素的最終樣式值,無論是以何種形式定義的。程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function GetCurrentStyle(obj, prop) { if(obj.currentStyle) { return obj.currentStyle[prop]; } else if(window.getComputedStyle) { return window.getComputedStyle(obj,null)[prop]; } return null; }
以上程式碼能夠返回指定物件指定樣式屬性的屬性值。程式碼示例:
[JavaScript] 純文字檢視 複製程式碼GetCurrentStyle(odiv,"width")
以上程式碼可以獲得odiv的寬度。
相關文章
- js獲取非內部取樣式表中定義的屬性值JS
- js如何獲取樣式表中定義的css屬性值JSCSS
- getComputedStyle()獲取樣式值
- 如何動態載入外部樣式表
- Javascript 獲取 Dom 樣式的方法有哪些JavaScript
- CSS的內聯樣式和外鏈樣式簡單介紹CSS
- javascript通用獲取元素樣式屬性值程式碼例項JavaScript
- js獲取元素的樣式值簡單介紹JS
- JavaScript獲取元素計算後樣式的封裝JavaScript封裝
- css獲取實時樣式CSS
- jQuery獲取CSS樣式中的顏色值的問題jQueryCSS
- Script載入順序 & 外部樣式表的阻塞
- css內聯樣式的盒子模型CSS模型
- JS基礎_獲取元素的樣式JS
- js如何獲取css偽類選擇器樣式值程式碼例項JSCSS
- javascript如何修改元素的樣式JavaScript
- JavaScript動態更改引入樣式表JavaScript
- CSS層疊樣式表——定義樣式表CSS
- javascript文字框獲取焦點設定其樣式程式碼JavaScript
- CSS 級聯樣式表名稱解析CSS
- sql server 建立內聯表值函式SQLServer函式
- 操作樣式表
- 文字框獲取焦點設定樣式
- Jquery獲取css中id和class樣式的動作-#id和.classjQueryCSS
- javascript基礎(樣式的操作,瀏覽器相容樣式操作,其他的樣式相關屬性,滾動的樣式)(三十)JavaScript瀏覽器
- CSS內聯樣式的使用,設定字型屬性CSS
- javascript如何動態設定div的樣式JavaScript
- 使用jquery操作元素的css樣式(獲取、修改等等)jQueryCSS
- react內聯樣式使用webpack將px轉remReactWebREM
- js實現的動態載入css外部樣式表程式碼JSCSS
- JavaScript滑鼠移入和移出切換樣式JavaScript
- react中內聯樣式的z-index不起作用.ReactIndex
- jQuery動態載入更新外部樣式表程式碼例項jQuery
- Javascript 怎樣獲取副檔名?JavaScript
- 【JavaScript】DOM之樣式操作JavaScript
- CSS樣式表繼承CSS繼承
- 面試登記表樣式面試
- qt樣式表未生效QT