Question

在我的html页面中，我想在href点击上获得html节点。

示例：

HTML文件

<!DOCTYPE html>
<html>
<body>

<p><a href="https://www.w3schools.com/html/" data-type="W3">Click1</a></p>
<p><a href="https://www.google.com/html/" data-type="google">Click2</a></p>


</body>
</html>

点击Click1后，我想重视：W3 点击Click2后，我想重视：google

目前，我正在使用document.documentElement.outerHTML来获取完整的html字符串并对其进行解析。有没有更好的方法来获得href点击的data-type值？

Answer 1

jQuery的：

var link = document.querySelectorAll('a');
for (var i = 0; i < link.length; i++) {
  link[i].addEventListener('click', function(e) {
    console.log(this.dataset.type)
  });
}

JavaScript的：

{{1}}

在href点击获取html节点

1 个答案: