js獲取css屬性中的值

阿新 • • 發佈：2019-01-05

function getStyle(obj,attr){
   if(obj.currentStyle){    //IE
      return obj.currentStyle[attr];

   }
   else{  //FireFox
      return getComputedStyle(obj,false)[attr];
                 //false是一個虛元素，或者是一個偽類‘abc’,123均可
   }
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" 
>
    <title></title>
</head>
<style type="text/css">
#div1{
    width:100px;
    height:100px; 
    background: red;
}
</style>
<body>
    <div id="div1"></div>
</body>
<script type="text/javascript">
    var oDiv = document.getElementById('div1'); 

    function 
 getStyle(obj,attr){
        if(obj.currentStyle){      //IE
            return obj.currentStyle[attr]; 
        }
        else{
        return getComputedStyle(obj,"偽類")[attr];                               //Firefox
        }
    }

alert(getStyle(oDiv1,'background'));

</html>

然而在jQuery下直接使用$(“element”).css(“屬性”，”設定的值”),進行獲取和修改。

jQuery原始碼中其實也是通過currentStyle和getComputedStyle 不過其中還有更加相容性和魯棒性的程式碼，有興趣的可以參閱jQuery原始碼

js獲取css屬性中的值

function getStyle(obj,attr){ if(obj.currentStyle){ //IE return obj.currentStyle[attr]; } else{ //FireFox

通過js獲取css屬性

1、通過dom.style.屬性來獲取但是這種方法無法獲取id、class裡的屬性例子: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &

JS使用getComputedStyle()方法獲取CSS屬性值

在對網頁進行除錯的過程中，經常會用到js來獲取元素的CSS樣式，方法有很多很多，現在僅把我經常用的方法總結如下： 1. obj.style：這個方法只能JS只能獲取寫在html標籤中的寫在style屬性中的值（style=”…”），而無法獲取定義在<style type="text

js獲取session物件中的屬性值

<label for="name">性別</label> <select class="form-control" name="" id="gender" value="${Users.user_gender }"> <opt

js獲取頁面url中的各項值

js一、通過window.location獲取各項參數1、獲取頁面完整的urlurl = window.location.href;2、獲取頁面的域名host = window.location.host;host2=document.domain; 應用場景：頁面跳轉，開發環境和測試環境域名不同，所以需要

js原生獲取css屬性

.net com 原生 net ons 寫法 csdn getc 例子原文參考http://blog.csdn.net/lzding/article/details/46317777 1.寫在dom上的屬性，內聯樣式 <div id="box" style="

js獲取數組中最大值和最小值

ply 最大值 min pan 最小數 mat max 最大值和最小值 pre var max = Math.max.apply(null, 數組); 獲取最大值 var min = Math.min.apply(null, 數組);獲取最小值一句話獲取數組中最大的數

給偽元素的css屬性動態賦值以及獲取css屬性值

一/ 設定值就是動態新增style $('head').append($('<style class="styleBefore">.leveltwo-scroll::before{height:' + domRight + 'px;}</style>'));

Js獲取asp:GridView中的值

Js 獲取表單中各標籤的值

初學JavaScript，但由於Js的語言特性，以及用法靈活多樣，常常不知所措，但是總的來說，學好一門語言很難，想要很好的運用更難，不過我們可以選擇一些適合自己的用法即可，並不需要面面俱到，能夠解決問題就行。寫此博文，只是想記錄下一些自己學習的東

JS獲取標籤屬性值

在實際開發中，需要給一些標籤自定義一些屬性，而這些標籤本身是不包含這些屬性的，這時通過一下JS來獲取該屬性值。 <ul> <li id="index-radar" class

css設定height：100%，用js獲取不到高度值問題

工作中用到的amaze ui的popup中的heigh：100%;在專案中我需要獲取大屏popup的高的具體的畫素值，然而我要說的是，總共有兩點：一、用純js獲取obj.style.height、obg.innerHeight和obj.offsetHeight獲取， c

js獲取css樣式封裝

padding set body script log center auth compute ctype 封裝 function getStyle(obj , attr){ return obj.currentStyle?obj.currentStyle[att

js獲取富文字中的第一張圖片url正則公式及去除字串裡面的html標籤的正則公式

js獲取富文字中的第一張圖片url正則公式及去除字串裡面的html標籤後臺發來一個富文字字串裡面可能包含了0、1、2、3…個圖片標籤（img）,我們的任務是獲取這個字串裡面第一張圖片的url，如果沒有圖片則返回空 var imgUrlFun = function(str){

js獲取url地址中的每一個引數，方便操作url的hash

js獲取url地址中的每一個引數，方便操作url的hash 值得收藏 <html> <body> <script> //location.search; //可獲取瀏覽器當前訪問的url中"?"符後的字串

JS 獲取鏈接中的參數

split turn 獲取字串 pan != return oca quest 1、獲取鏈接全部參數，以對象的形式返回 //獲取url中參數 function GetRequest() { var url = location.search; //獲取ur

js獲取陣列最大值（Math.max.apply(null, arr)）

/** * 獲取陣列的最大值 * @param {Array<number>} arr 陣列型別且元素為number * @returns {any} */ getMax(arr: Array<number>) { // 利用app

js獲取物件屬性的兩種方法，object.屬性名，[‘屬性名’ ]

1、通過點的方式 2、通過括號的方式例： <input type="text" value="hello" id="text"/> var oText = document.getElementById("text") （1）通過點的方式 oText.pr

JS獲取for迴圈中i的實時值

最近在完成燈箱效果時，需要獲取for迴圈中i的實時值來定位大圖輪播的索引，但最初獲得的是i的最大值幾種獲取for迴圈中i的實時值方法：自調： for (var i = 0; i < itemli.length; i++) { (function (arg) {

js獲取el表示式的值並顯示

後臺傳過來的值我們可以用el表示式獲取並顯示，但有時直接顯示到網頁上不太明顯，通過js可以獲取到el表示式的值並彈窗顯示，程式碼如下： <script type="text/javascript"> var msg = "${msg}"; if(msg!=''){

js獲取css屬性中的值

相關推薦