tableのtrをリンクにしつつ、その中に通常のリンクを置く (Pure.js)

data-hrefの中にリンクを置きたいとき、
もしくはボタン、チェックボックスを置きたいときの備忘として残します。

<table>
    <thead>
        <tr>
            <th>リンク先</th>
            <th>通常リンク</th>
        </tr>
    </thead>
    <tbody>
        <tr data-href="https://qiita.com/" tabindex="0" role="link">
            <th>https://qiita.com/</th>
            <td class="object">
                <a href="#aaa">編集する</a>
            </td>
        </tr>
    </tbody>
</table>

• tabindex="0"でタブ操作を有効にしてます

var td = document.querySelectorAll('tr[data-href] > *:not(.object)');

Array.prototype.forEach.call(td, function (e) {
    e.addEventListener('click', function() {
        window.location = e.parentNode.getAttribute('data-href');
    });
});

デモはこちら