nth-child javascript code example
Example 1: javascript get element nth child
//you can use the css nth-child property like this:
var second-child = document.querySeletorAll('[your element name]:nth-child(2)');
Example 2: nth-child() css
li:nth-child(2) {
color: lime;
}
:nth-child(4n) {
color: lime;
}
Example 3: css nth child
li:nth-child(1) { }
li:nth-child(5) { }
li:nth-child(odd) { }
li:nth-child(3n) { }
li:nth-child(3n - 1) { }
.el:nth-child(3) { }
Example 4: how to get the nth child of dom js
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";//first child
c[2].style.backgroundColor = "red";//second child
c[-1].style.backgroundColor = "green";//last child
c[-2].style.backgroundColor = "blue";//secound last child