獲取元素css值

Gemini 發布于2019-08-29 11:02 / 3195人閱讀

摘要：所以為了兼容性考慮我們可以封裝一下最后第一次寫文章可能不怎么樣，望大神們輕拍自轉行來現在公司已有幾個月了，公司就我一個前端，工作也比較少，好多基礎東西不寫項目都要忘了，接下來要自己寫點東西好好回憶鞏固一下了。

最近寫東西碰到一個問題，通過document.getElementById(id).style.XXX無法獲取到樣式值？查完資料才發現方法只能獲取元素的內聯樣式，那要獲取內部樣式或外部樣式該怎么辦？

getComputedStyle

原來獲取外部樣式或內部樣式用的是window.getComputedStyle方法，用法如下：




    
    getComputedStyle

這種方法可以很好的在Chrome、Firefox、Opera、Safari、IE9+運行，但在IE8及以下的瀏覽器就不行了，原來在IE6-IE8有自己的方法：element.currentStyle。所以為了兼容性考慮我們可以封裝一下：

function getStyle (obj, sName){
    return (obj.currentStyle || window.getComputedStyle(obj, false))[sName];
}

最后

第一次寫文章可能不怎么樣，望大神們輕拍......
自轉行來現在公司已有幾個月了，公司就我一個前端，工作也比較少，好多基礎東西不寫項目都要忘了，接下來要自己寫點東西好好回憶鞏固一下了。

GPU云服務器云服務器獲取元素值獲取CSS屬性值 js獲取HTML元素值 php 獲取css值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111376.html

jQuery 屬性與樣式

摘要：與中用方法來獲取和設置元素屬性是屬性的縮寫，在操作中會經常用到有個表達式傳入屬性名獲取屬性的值屬性名屬性值設置屬性的值屬性名函數值設置屬性的函數值給指定元素設置多個屬性值，即屬性名一屬性值一屬性名二屬性值二刪除方法為匹配的元素集合中的每個元 .attr()與.removeAttr() jQuery中用attr()方法來獲取和設置元素屬性,attr是attribute（屬性）的縮寫，在j...

yibinnn 2019-08-21 11:52 評論0 收藏0
jQuery入門筆記之（一）選擇器引擎

摘要：選擇器，若未作特別說明，獲取的都是元素集合。過濾器名語法說明選取所有不可見元素選取所有可見元素注意過濾器一般是包含的內容為樣式為表單類型為和的元素。四子元素過濾器子元素過濾器的過濾規則是通過父元素和子元素的關系來獲取相應的元素。轉自個人博客本來是單獨整理了一個CSS選擇器的，但是在jQuery中基本都有對應的，所以就不發了。 jQuery選擇器，若未作特別說明，獲取的都是元素集合。...

charles_paul 2019-08-19 17:17 評論0 收藏0
常用JavaScript操作CSS方法總結

摘要：返回值一個對象集合，包含六個屬性上下左右寬高注意只用于行內元素只能獲取樣式只讀獲取元素位置獲得頁面中某個元素的左，上，右和下分別相對瀏覽器視窗的位置。返回一個類數組對象，其包含樣式表中所有規則。 [TOC] 獲取樣式元素對象的寬高位置距離等屬性如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意...

enali 2019-08-21 18:19 評論0 收藏0
jQuery入門筆記之（二）文檔對象模型

摘要：刪除指定的屬性，這個方法就不可以使用匿名函數，傳遞和均無效。遍歷對象數組索引，鍵，屬性名屬性值，值相當于遍歷原生對象數組時，為元素。在使用使用時，可以使用傳入匿名函數的方法，實現由默認到幾個之間的切換。轉自個人博客基礎 DOM 和和 CSS 一. 設置元素及內容我們通過前面所學習的各種選擇器、過濾器來得到我們想要操作的元素。這個時候，我們就可以對這些元素進行 DOM 的操作。...

FleyX 2019-08-19 17:17 評論0 收藏0
我們來翻翻元素樣式的族譜-getComputedStyle

摘要：大家應該非常熟悉的方法那么如何在不引用的情況下同樣實現這個功能呢本文就介紹使用原生來獲取樣式的方法作者原文鏈接我們來翻翻元素樣式的族譜是什么方法可以獲取當前元素所有最終使用的屬性值返回的是一個樣式聲明對象只讀也就是說獲取到的不僅僅是我們自大家應該非常熟悉jQuery的css()方法,那么如何在不引用jQuery的情況下同樣實現這個功能呢?本文就介紹使用原生JS來獲取樣式的方法. 作者...

graf 2019-08-20 14:02 評論0 收藏0
我們來翻翻元素樣式的族譜-getComputedStyle

摘要：大家應該非常熟悉的方法那么如何在不引用的情況下同樣實現這個功能呢本文就介紹使用原生來獲取樣式的方法作者原文鏈接我們來翻翻元素樣式的族譜是什么方法可以獲取當前元素所有最終使用的屬性值返回的是一個樣式聲明對象只讀也就是說獲取到的不僅僅是我們自大家應該非常熟悉jQuery的css()方法,那么如何在不引用jQuery的情況下同樣實現這個功能呢?本文就介紹使用原生JS來獲取樣式的方法. 作者...

shengguo 2019-08-30 15:52 評論0 收藏0