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;

是否有一种不那么麻烦的方法呢？假设我需要提取包含data-index="0"的div。

谢谢！

编辑：我想要的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

有没有办法不使用getElementsByTagName链接querySelectorAll？

1 个答案: