Uncaught TypeError：Object＃<HTMLBodyElement> has no method'css'

Question

我想最終遍歷所有節點內的節點（尚未實現），並從每個節點獲取背景和文本顏色。但是，我得到Uncaught TypeError: Object #<HTMLBodyElement> has no method 'css'。它是在var bg = node.css("background-color");

存在的下面是我的代碼

function grabColors() { 
    var colorArray = new Array(); 
    var body = $("body"); 

    console.log(body); 

    body.each(function(index, node){ 
     console.log(node); 
     getColorsFromChild(node); 
    }); 
    console.log(colorArray); 
} 

function getColorsFromChild(node) { 
    var bg = node.css("background-color"); 
    var bg2 = node.css("background"); 
    var color = node.css("color"); 

    if ($.inArray(bg, colorArray) == -1) { 
     colorArray.push(bg); 
    } 
    if ($.inArray(bg2, colorArray) == -1) { 
     colorArray.push(bg2); 
    } 
    if ($.inArray(color, colorArray) == -1) { 
     colorArray.push(color); 
    } 
} 
grabColors(); 

Answer 1

你特林調用由each給出一個DOM對象jQuery函數的CSS。你必須將DOM對象轉換爲一個jQuery對象來調用CSS相關的函數。

變化

var bg = node.css("background-color"); 

爲

var bg = $(node).css("background-color");