用hgex在html中找到一些属性

时间:2016-09-04 07:31:20

标签: html regex

我有以下代码:

<div class="list" style="height: 485px;">
<div id="img_30975054" class="item current" data-pos="1" ctr="{'entity':'thumbs', 'pos':'1'}">
    <img src="link.jpg" data-normal="link-normal.jpg" width="64" height="84"  onerror="imgOnError(this)">
    <em class="arrow"></em>
</div>
<div id="img_28125396" class="item " data-pos="2" ctr="{'entity':'thumbs', 'pos':'2'}">
    <img src="link.jpg" data-normal="link-normal.jpg" width="64" height="84"  onerror="imgOnError(this)">
    <em class="arrow"></em>
</div>
<div id="img_28125398" class="item " data-pos="3" ctr="{'entity':'thumbs', 'pos':'3'}">
    <img src="link.jpg" data-normal="link-normal.jpg" width="64" height="84"  onerror="imgOnError(this)" attribute_id="1451">
    <em class="arrow"></em>
</div>
<div id="img_28125395" class="item " data-pos="4" ctr="{'entity':'thumbs', 'pos':'4'}">
    <img src="link.jpg" data-normal="link-normal.jpg" width="64" height="84"  onerror="imgOnError(this)">
    <em class="arrow"></em>
</div>
<div id="img_28125397" class="item " data-pos="5" ctr="{'entity':'thumbs', 'pos':'5'}">
    <img src="link.jpg" data-normal="link-normal.jpg" width="64" height="84"  onerror="imgOnError(this)" attribute_id="1521">
    <em class="arrow"></em>
</div>
</div>

我不知道我有多少img, 但是我会为每个img找到这个属性data-normal的值。

我试过了

data-normal="(.*?)"

这很好用,但仅适用于第一个img系列。 我想只选择所有数据正常的值,而不使用img src =“”。

的链接

1 个答案:

答案 0 :(得分:0)

为什么不使用querySelectorAll

var elems = document.querySelectorAll('[data-normal]');