Trouble in conversion from jquery to javascript

Question

I'm trying to convert the code below from jquery to javascript but I can not figure out how I can do. can anyone help me?

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

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

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

});

Thanks in advance

Oleksandr T. · Accepted Answer · 2014-11-14 08:11:45Z

2

#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/

edited Nov 14, 2014 at 8:11

answered Nov 14, 2014 at 8:05

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Trouble in conversion from jquery to javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related