Выберите теги в родительском классе javascript

Я могу использовать это, чтобы выбрать все теги привязки в документе, что отлично работает ...

var anchors = document.getElementsByTagName('a');

Специально для замены функциональности "href" на "onclick" (для расширения функциональности без использования javascript, добавления миниатюр и т. д.)

За исключением того, как я могу заставить его выбирать только элементы привязки в определенном классе родительского элемента (например, pics), оставив только большую часть привязок?

<a href = "img/TEST/pretty.jpg">ignore me</a>
<div class = "pics">
 <a href = "img/TEST/testPic1.jpg">1 stuff....</a>
 <a href = "img/TEST/testPic2.jpg">2 stuff...</a>
 <a href = "img/TEST/TestPic3.jpg">3 stuff..</a>
 ...
 <a href = "img/TEST/TestPicN.jpg">n stuff..</a>
</div>

... без дополнительные библиотеки, такие как jQuery, пожалуйста!

Вот небольшая демонстрация ...

function go() {
    var anchorElements = document.getElementsByTagName('a');
    for (var i in anchorElements)
        anchorElements[i].style.backgroundColor = "red";
}

a{background-color:#0F0;}

<a href = "img/TEST/pretty.jpg">ignore me</a>
<div class = "pics">
 <a href = "img/TEST/testPic1.jpg">1 stuff....</a>
 <a href = "img/TEST/testPic2.jpg">2 stuff...</a>
 <a href = "img/TEST/TestPic3.jpg">3 stuff..</a>
 ...
 <a href = "img/TEST/TestPicN.jpg">n stuff..</a>
</div>
<button onclick = "go()">Go!</button>

^{I know a workaround is just to select by a class applied to the elements that need modifying}