如何单击表<td>标记内的锚标记

时间:2019-07-11 18:02:47

标签: javascript html dom

我试图单击表数据中的锚标记。我可以在桌子内走到这么远:

这是我的HTML的一部分:

<td class="table-active" scope="row">
    <a href="https://www.google.com"> Confirm </a>
       <br>
    <a href="https://www.gmail.com"> Reject </a>
</td>

这是尝试的方法:

var x = document.getElementsByTagName("TABLE");

x[0].rows[1].cells[7]

点击确认链接/拒绝链接enter code here

1 个答案:

答案 0 :(得分:0)

不确定使用的是ES6还是JS的任何现代功能。

但是要开始使用并为每个定位标记创建click事件,请执行以下操作:

var table = document.querySelector("table");

for(var i = 0 ; i < table.rows.length; i++) {
    var row = "";

    for (var j = 0; j < table.rows[i].cells.length; j++) {
        console.log(table.rows[i].cells[j]);
        table.rows[i].cells[j].addEventListener('click', function(e) {
            e.preventDefault();
            console.log('clicked');
        })
    }
}