JavaScript獲取元素計算後樣式的封裝
getComputedStyle方法獲取的是最終應用在元素上的所有CSS屬性物件(計算後樣式的集合)。只能獲取樣式,不能設定。
語法: window.getComputedStyle("元素", "偽元素");
引數:第二個引數有可以省略。
eg: <div id="box"></div>
var box=document.getElementById("box");
console.log(getComputedStyle("box");)
//獲取box的所有的集合
以下相容ie
function getCss(obj,attr) {
if(obj.currentStyle) {
return obj.currentStyle[attr];}else {
return window.getComputedStyle(obj)[attr];}
}
用法 :獲取box的寬度getCss(box,‘width’),返回值帶px
相關文章
- javascript獲取元素封裝程式碼例項JavaScript封裝
- 前端筆記之JavaScript(八)關於元素&計算後的樣式前端筆記JavaScript
- JS基礎_獲取元素的樣式JS
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- javascript通用獲取元素樣式屬性值程式碼例項JavaScript
- JavaScript 獲取所有後代元素節點JavaScript
- JavaScript獲取陣列最後一個元素JavaScript陣列
- Javascript 獲取 Dom 樣式的方法有哪些JavaScript
- JavaScript獲取指定元素的同輩元素JavaScript
- 使用jquery操作元素的css樣式(獲取、修改等等)jQueryCSS
- js獲取元素的樣式值簡單介紹JS
- javascript如何獲取內聯樣式和外部樣式表的值JavaScript
- javascript中獲取元素尺寸JavaScript
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- JavaScript獲取li元素的下標JavaScript
- JavaScript獲取父元素下子元素節點JavaScript
- javascript獲取當前元素的上一級元素JavaScript
- JavaScript - 獲取字串位元組數(函式封裝)JavaScript字串函式封裝
- JavaScript獲取上一個元素JavaScript
- JavaScript獲取元素透明度JavaScript
- JavaScript使用id獲取指定元素JavaScript
- JavaScript獲取元素標籤名JavaScript
- 封裝獲取Class類封裝
- javascript如何修改元素的樣式JavaScript
- javascript控制html裡的元素樣式JavaScriptHTML
- 【JavaScript框架封裝】實現一個類似於JQuery的CSS樣式框架的封裝JavaScript框架封裝jQueryCSS
- Hyperf 獲取 Swoole\Server 的物件以及函式類的封裝Server物件函式封裝
- js實現的獲取指定元素的節點封裝程式碼例項JS封裝
- javascript時間日期格式化和獲取封裝類JavaScript封裝
- 原生javascript實現獲取指定元素下所有後代元素程式碼例項JavaScript
- jQuery獲取li元素後面所有兄弟元素jQuery
- JavaScript 通過class獲取元素物件JavaScript物件
- JavaScript 獲取第n個li元素JavaScript
- JavaScript 獲取form所有表單元素JavaScriptORM
- JavaScript獲取form下所有input元素JavaScriptORM
- Revit獲取元素Solid和計算包圍盒Solid
- 封裝getParam方法 ,獲取URL封裝