从jquery转换为javascript的麻烦

Question

我试图将下面的代码从jquery转换为javascript，但我无法弄清楚我该怎么做。有谁可以帮助我？

$('*').each(function(i, el){    

    var $element = $(el),
    color = $element.css('background-color');

    if(!~$.inArray(color, colors))
        colors.push(color);

});

提前致谢

Answer 1

#1
Array.prototype.slice.call(document.querySelectorAll('*')).forEach(function (node) {
  var color = node.style.backgroundColor;
  if (color && !~colors.indexOf(color)) {
    colors.push(color);
  }
});

#2
var elements = Array.prototype.slice.call(document.getElementsByTagName('*')),
    len = elements.length,
    i, node, color;

for (i = 0; i < len; i++) {
  node = elements[i];
  color = node.style.backgroundColor;

  if (color && !~colors.indexOf(color)) {
    colors.push(color);
  }
}

http://jsbin.com/miyida/1/