javascript - 通过标签名称 [this] 获取元素?

标签 javascript jquery this getelementsbytagname

首先是一个简短的背景。所以我刚开始练习使用 API。对于我现在正在使用的那个,我正在加载一个 DIV,其中有很多链接,我必须给出一个新的目的。我设法阻止了默认的 onclick 功能。现在我需要保存点击链接的“innerHTML”属性。

var nextPage = document.getElementsByTagName("a")[this].innerHTML;

使用 [this] 我试图定位点击的链接,但没有成功。希望你明白我想做什么。如果是这样,我有什么办法可以解决这个问题吗?

谢谢!

编辑:

     $("#content, a").click(function(event){
 event.preventDefault();

     var x = document.getElementsByTagName("a")[0].innerHTML;
    console.log(x)



 getPage(x);
 });

最佳答案

你可以给所有的a标签元素添加一个onclick监听器

var links = document.getElementsByTagName('a');
for (var i = 0, il = links.length; i < il; i++) {
  links[i].onclick = clickHandler;
}

function clickHandler(event) {
  console.log(this.innerHTML);
}
<a>Link a</a>
<a>Link b</a>

关于javascript - 通过标签名称 [this] 获取元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42063997/

相关文章:

Javascript onmouseup 事件未按预期触发

javascript - 动态更改字段的欧芹规则

javascript - 检查点击事件是否是由物理鼠标点击触发的?

c++ - 在模板派生类中,为什么我需要在成员函数中使用 “this->”来限定基类成员的名字?

javascript - 更改标签material-ui的字体大小

javascript - 如何将参数从html传递给jQuery

jquery - mousedown 事件有时会在 jquery 可拖动元素上被压制

c++ - 为什么我需要在转换构造函数上引用 this->?

javascript - 在命名空间函数中引用所需的对象

javascript - Chrome 扩展程序的系统托盘图标