javascript - 如何点击表格标签内的锚标签
问题描述
我正在尝试单击表数据中的锚标记。我可以在表内遍历到这么多:
这是我的 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 的任何现代特性。
但是为了让您开始并为每个锚标记创建一个点击事件,请执行以下操作:
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');
})
}
}
推荐阅读
- android - 列表存储构造函数在 Dart 中给了我一个错误
- javascript - 重定向相对路径 Express.js 出错
- sql-server - sql server 游标结果显示不正常?
- java - 循环通过连接四个网格
- razor - Asp.net 在刷新时丢失数字格式
- java - 在 Scala 上验证 SHA1withECDSA 签名
- html - 如何强制一行及其列使用其父元素高度的 100% (jumbotron)
- python-3.x - Peewee - 使用 ForeignKeyField('self') 更新记录问题
- go - 在模板中使用函数而不是方法
- android - MaterialSearchView + 工具栏 + 地图