Есть ли способ не связывать запросSelectorAll с getElementsByTagName?

Question

Я пытаюсь получить изображение с этой страницы: http://m.piperlime.gap.com/product.html?dn=pp438556002&dv=1&vid=1&cid=64413&pid=438556002

Сейчас мой код:

var image = document.querySelectorAll('[data-index="0"]')[0] 
.getElementsByTagName('img')[0].src; 

Есть ли менее громоздкий способ пойти по этому поводу? Предположим, мне нужно вытащить div, который включает data-index="0".

Спасибо!

EDIT: HTML Я пытаюсь получить это:

<div class="gm_product_item" data-index="0" style="width: 450px; left: 0px; transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate(0px, 0px) translateZ(0px);"> 
    <img class="gm_product_itemimg" alt="Mid Rise 11&amp;#34; Skinny Product Image" src="http://www.gap.com/webcontent/0008/860/774/cn8860774.jpg"> 
</div> 

Answer 1

можно ориентировать <img> (который находится внутри <div> с data-index="0") непосредственно в селекторе:

var image = document.querySelectorAll('[data-index="0"] img')[0].src