Useful-tags
Click event anchors
var elSelector = ".bildlank a";
var anchors = document.querySelectorAll(elSelector);
[].forEach.call(anchors, function (anchor, i) {
anchor.addEventListener("click", function () {
console.log("Det fungerar " + i);
});
});
Exempel: Riksarkivet sök
<tbody>
<tr class="subTblGridRow">
<td class="subTblGridHCell">Referenskod</td>
<td class="subTblGridHCell">Tid</td>
<td class="subTblGridHCell">Anmärkning</td>
<td class="subTblGridHCell"></td>
<td class="subTblGridHCell"> </td>
</tr>
<tr class="subTblGridRowDarker">
<td class="subTblGridCellList">
<nobr>
<a></a>
<a
id="1"
href="/fritext?Sokord=bolln%c3%a4s&EndastDigitaliserat=true&AvanceradSok=True&PageSize=20&page=2&tab=post&postid=Arkis+ca00b297-4868-417e-9556-fd33f8d2012f&FacettState=undefined%3ac%7c&prependUrl=%2ffritext&vol=n&s=Balder"
>
1
</a>
</nobr>
</td>
<td class="subTblGridCellList"><nobr>1757 – 1770</nobr></td>
<td class="subTblGridCellList subTblGridCellListAnm"></td>
<td class="subTblGridCellList">
<nobr>
<div class="bildlank">
<a
target="_blank"
href="/bildvisning/ca00b297-4868-417e-9556-fd33f8d2012f"
rel="nofollow"
>
Bild
</a>
</div>
</nobr>
</td>
<td class="subTblGridCellListLast"> </td>
</tr>
<tr class="subTblGridRow">
<td class="subTblGridCellList">
<nobr>
<a></a>
<a
id="2"
href="/fritext?Sokord=bolln%c3%a4s&EndastDigitaliserat=true&AvanceradSok=True&PageSize=20&page=2&tab=post&postid=Arkis+d728d10e-233d-4f77-9479-20ba306c799e&FacettState=undefined%3ac%7c&prependUrl=%2ffritext&vol=n&s=Balder"
>
2
</a>
</nobr>
</td>
<td class="subTblGridCellList"><nobr>1766 – 1775</nobr></td>
<td class="subTblGridCellList subTblGridCellListAnm">
Volymen är brandskadad
</td>
<td class="subTblGridCellList">
<nobr>
<div class="bildlank">
<a
target="_blank"
href="/bildvisning/d728d10e-233d-4f77-9479-20ba306c799e"
rel="nofollow"
>
Bild
</a>
</div>
</nobr>
</td>
<td class="subTblGridCellListLast"> </td>
...
</tr>
</tbody>
``