Skip to main content

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">&nbsp;</td>
  </tr>
  <tr class="subTblGridRowDarker">
    <td class="subTblGridCellList">
      <nobr>
        <a></a>
        <a
          id="1"
          href="/fritext?Sokord=bolln%c3%a4s&amp;EndastDigitaliserat=true&amp;AvanceradSok=True&amp;PageSize=20&amp;page=2&amp;tab=post&amp;postid=Arkis+ca00b297-4868-417e-9556-fd33f8d2012f&amp;FacettState=undefined%3ac%7c&amp;prependUrl=%2ffritext&amp;vol=n&amp;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">&nbsp;</td>
  </tr>
  <tr class="subTblGridRow">
    <td class="subTblGridCellList">
      <nobr>
        <a></a>
        <a
          id="2"
          href="/fritext?Sokord=bolln%c3%a4s&amp;EndastDigitaliserat=true&amp;AvanceradSok=True&amp;PageSize=20&amp;page=2&amp;tab=post&amp;postid=Arkis+d728d10e-233d-4f77-9479-20ba306c799e&amp;FacettState=undefined%3ac%7c&amp;prependUrl=%2ffritext&amp;vol=n&amp;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">&nbsp;</td>
    ...
  </tr>
</tbody>

``