Здравствуйте! Имею следующий код:
<DOCTYPE !html>
<html>
<head>
</head>
<body>
<div id="test">
<h1>First Child</h1>
<p>Last Child</p>
</div>
<div class="test2">
<h1>First Child #2</h1>
<p>Last Child #2</p>
</div>
<div class="test2">
<h1>First Child #2</h1>
<p>Last Child #2</p>
</div>
<script>
document.getElementById('test').lastElementChild.style.color = 'red';
//document.getElementById('test').children[1].style.color = 'red';
//document.getElementsByClassName('test2').lastElementChild.style.color = 'green';
//document.getElementsByClassName('test2').children[1].style.color = 'green';
</script>
</body>
</html>
Вопрос в том, что используя в качестве идентификатора айди элемента (В первом варианте test), мы спокойно можем редактировать свойства необходимого дочернего элемента, а есть ли такой же способ для редактирования дочернего элемента для всех указанных классов?
P.S. Крайне желательно не использовать сторонние библиотеки, а силами самого JS.
Заранее спасибо!