Как нажать на метку привязки внутри тега таблицы <td>

Question

Я пытаюсь щелкнуть тег привязки внутри данных таблицы.Я могу проходить внутри таблицы до такой степени:

Это часть моего 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

Answer 1

Не уверен, используете ли вы ES6 или какие-либо современные функции JS.

Но чтобы начать работу и создать событие щелчка для каждого тега привязки, сделайте следующее:

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');
        })
    }
}