[英]How to click on anchor tag inside table <td> tag
我正在尝试单击表数据中的锚标记。 我可以在桌子内穿行直到这么多:
这是我的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
不知道您使用的是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');
})
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.