为什么我不能检索DOM元素的CSS背景属性 [英] Why can I not retrieve CSS background property of DOM element

问题描述

我试图将一个元素的css背景属性设置为一个变量。

但是当我登录我的var时。到控制台，它是一个空字符串。

任何人都可以看到我在这里做错了吗？

小提琴：
http://jsfiddle.net/5de0e69d/

JS：

  $（function（）{
 var a1 = $（＃adjust1）; 
 var a2 = $（＃adjust2）; 
 var a3 = $（＃adjust3）; 
 var a4 = $（＃adjust4）; 
 var a5 = $（＃ ）; 
 var b = $（＃gradient）; 
 var c = $（b）.css（background）; 
 var count = 0; $ b $点击（功能（e）{
 e.preventDefault（）; 
 var id = $（this）.attr（id）; 
 console .log（id）; 
 count + = 1; 
 var rotate = count * 36; 
 switch（id）{
 caseadjust1：
 console。 log（c）; 
 break; 
 caseadjust2：
 console.log（c）; 
 break; 
 caseadjust3：
的console.log（C）; 
休息; 
 caseadjust4：
 console.log（c）; 
休息; 
 caseadjust5：
 console.log（c）; 
休息; 
} 
 
}）; 
 
}）; 
  

解决方案

背景是一个速记属性。从 http://api.jquery.com/css/ ：

不保证检索速记CSS属性（例如，边距，背景，边框），尽管在某些浏览器中有效。

您可能需要检查 background-color ， background-image 等等。

I am trying to set the css background property of an element to a variable.

But when I log my var. to the console, it is an empty string.

Can anyone see what I am doing wrong here?

Fiddle: http://jsfiddle.net/5de0e69d/

JS:

$(function () {
    var a1 = $("#adjust1");
    var a2 = $("#adjust2");
    var a3 = $("#adjust3");
    var a4 = $("#adjust4");
    var a5 = $("#adjust5");
    var b = $("#gradient");
    var c = $(b).css("background");
    var count = 0;
    $('.click').click(function (e) {
        e.preventDefault();
        var id = $(this).attr("id");
        console.log(id);
        count += 1;
        var rotate = count * 36;
        switch (id) {
            case "adjust1":
                console.log(c);
                break;
            case "adjust2":
                console.log(c);
                break;
            case "adjust3":
                console.log(c);
                 break;
            case "adjust4":
                console.log(c);
                 break;
            case "adjust5":
                console.log(c);
                 break;
        }

 });

    });

解决方案

background is a shorthand property. From http://api.jquery.com/css/:

Retrieval of shorthand CSS properties (e.g., margin, background, border), although functional with some browsers, is not guaranteed.

You may need to check background-color, background-image, etc.

这篇关于为什么我不能检索DOM元素的CSS背景属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！