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的寬度。
相關文章
- Javascript 獲取 Dom 樣式的方法有哪些JavaScript
- 滑鼠滑過和獲取焦點樣式
- Script載入順序 & 外部樣式表的阻塞
- JS基礎_獲取元素的樣式JS
- css內聯樣式的盒子模型CSS模型
- JavaScript動態更改引入樣式表JavaScript
- 寫一個獲取非行間樣式的方法
- CSS 級聯樣式表名稱解析CSS
- QSpinBox樣式表
- 繫結class樣式和style樣式
- CSS內聯樣式的使用,設定字型屬性CSS
- Javascript 怎樣獲取副檔名?JavaScript
- 【JavaScript】DOM之樣式操作JavaScript
- react內聯樣式使用webpack將px轉remReactWebREM
- react中內聯樣式的z-index不起作用.ReactIndex
- qt樣式表未生效QT
- WebKit Insie: Active 樣式表WebKit
- QSpinBox樣式表設定
- CSS樣式表繼承CSS繼承
- javascript 動態修改css樣式JavaScriptCSS
- easyExcel多行表頭設定不同樣式和特定單元格設定樣式的實現Excel
- CSS樣式表的繼承性和層疊性CSS繼承
- uni-app全域性樣式和區域性樣式APP
- 內嵌樣式標記style
- JavaScript獲取css的值JavaScriptCSS
- 【css】 如何修改select的樣式CSS
- 常用CSS樣式2:其它樣式CSS
- 常用CSS樣式1:文字樣式CSS
- echarts圖表樣式轉換Echarts
- CSS:層疊樣式表—positionCSS
- 【CSS】關於表單樣式CSS
- vue圖表樣式網站Vue網站
- JavaScript新增class樣式類程式碼JavaScript
- vue如何修改第三方庫的css樣式,如element-ui的樣式,穿透樣式的寫法VueCSSUI穿透
- PostgreSQL 函式獲取表DDLSQL函式
- css樣式常用的樣式以及選擇器CSS
- SQL Server最佳化標量函式改寫內聯表值函式SQLServer函式
- 關於css選擇器和樣式表的應用CSS
- CSS 背景樣式和列表CSS