Question

I’m used to JQuery but not to pure Javascript.
I have this:

document.getElementById("div-id a").style.javascript_property = "color: red;";

OF COURSE it doesn’t work.
What i want is that all a-tags in one specific div with an id=’div-id’ to become red.

in jquery i would write:

$('#div-id a').css('color', 'red');

But i need it in pure js.

Answer 1

Use:

var div = document.getElementById("div-id");
var list = div.getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}