How to change style in pure javascript?

Question

How to change style in pure javascript?

Navigation

#1 by (4 votes)

2

In jquery:

<script>
$( "#main article:nth-child(3) .postSnippet" ).css("display", "block");
</script>

How would you look in pure JS?

javascript

asked by anonymous 06.11.2015 / 05:52

1 answer

Problems with slowness SQL LINQ C # Entity FrameWork How to make the text disappear and appear?

score 4 · Accepted Answer

The selector stays the same, what changes is the way to go through the element (s) and apply the desired style. Example:

var e = document.querySelectorAll('#main article:nth-child(3) .postSnippet');
for (var i = 0; i < e.length; i++) {
    e[i].style['display'] = 'block';
}

However, would not it be easier to add a style in your CSS to do this? Example:

 #main article:nth-child(3) .postSnippet {
     display: block;
 }