<body>
<h1>DOM Examples</h1>
<div>
<p>Here is the paragraph</p>
<p>Here is the second paragraph</p>
<p>Here is the third paragraph</p>
<p>Here is the forth paragraph</p>
<p>Here is the fifth paragraph</p>
<p>Here is the sixth paragraph</p>
</div>
<script>
var myDiv = document.querySelector('div');
for (i=0; i<myDiv.length; i++){
if (i%2==0){
myDiv.removeChild(myDiv.children[i]);
}
else myDiv[i].style.color = "red";
}
</script>
</body>
myDiv.length — можно вывести в консоль, как вариант. console.log(myDiv.length); // undefinedmyDiv.children — стоит почитать документацию. Важный момент: это «живая» коллекция. Как только удаляете из неё элемент, коллекция обновляется. Удалили 1-й, все сдвинулись на 1, и 3-м станет тот, что ранее был 4-м.
Простой