js函数获取被点击的元素本身，js 获取触发事件的元素

如何用js实现点击获取某个a标签元素

1、首先，打开html编辑器，新建html文件，例如：index.html，并且其中有一个div中有a标签。在index.html的script标签中，输入js代码：window.location.href = http：// + $(div a).attr(href)；。浏览器运行index.html页面，此时取出了div中a标签中的百度知道链接并自动点击跳转了。

2、首先需要引入jquery脚本文件。然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性。还有一个操作的按钮，加上了onclick事件的。然后需要添加对应的点击事件函数。

3、jquery代码可以用$(dd a)获取到所有的a标签，然后再循环获取这些id属性。循环可以使用for，foreach，map等函数进行循环遍历。jquery用attr(id)获取id属性，拼接起来就可以了。

4、js获取a标签的href值的方法和操作步骤如下：首先，打开html编辑器，如下图所示。其次，完成上述步骤后，创建一个新的html文件，例如index.html，然后编写相关代码，如下图所示。

相关问答

Q1: js中成员函数如何调用自身

打开HBuilder工具，在对应的Web项目中，新建JavaScript文件func.js。打开已新建的js文件，定义方法showTotal，并在内部定义方法addData。接着定义修改数据的方法editData，打印内容不一致。使用相同的方法，在showTotal方法中定义delData方法。

主函数中调用类中的成员函数调用方式为：对象名.成员函数名(参数列表)。其中“.”是成员运算符，用来对成员进行限定，指明所访问的是哪一个对象中的成员。

用Function.prototype.bind即可 比如this.ele.addEventListener(touchstart， this.selectmouse.bind(this))；定义在Dumplings.prototype里的函数如果作为Dumplings实例的方法调用，其this指针会指向Dumpling实例。但作为参数传递给其他函数(比如addEventListener)时其this指针会被重置，由addEventListener控制。

Q2: js问题,怎么让点击事件发生的函数获得的值,点击事件函数外面使用

如果你想在事件处理函数外部引用事件处理函数中的变量值，你可以采用以下方法：将变量提升到外部作用域： 如果你希望在多个函数中共享某个变量，可以将这个变量放在外部作用域中。这样，在事件处理函数内部和外部其他函数中都可以访问这个变量。

也就是说，当前有返回值的函数是getvalue()，那么，现在你再也一个函数，假定是setvalue()，你在setvalue()的方法体内写php代码时，通过$n=getvalue()获取返回值。最后是onclick事件，在需要的地方写 onclick=setvalue() 即可。

showtable里面的逻辑不是用confirm就能解决的。

//this指向了当前点击的行，通过find我们获得了该行所有的td对象 //题中说到某个td，为了演示所以我们假设是要获得第3个td的数据 var data = td.eq( 2 ).html()；//通过eq可以得到具体的某个td对象，从而得到相应的数据 } )；综上，我们就实现了通过点击某行获得某个td的数据。

很简单，把id写入到这个按钮里面就好了。例如： 然后通过xx.getAttribute(data-id)来获取。如果你用jQuery的话直接$(this).attr(data-id)来获取。这里的data-id是你自己随意定义的，只要不和其他的属性名冲突就好。有些人习惯写item-id随便你的喜好了。

在javascipt中，使用addEvenListener()方法 三种方法的比较 （1）在第三种方法中，可以向函数传入一个event对象，并读取其相应属性，而方法一不可以。一些语法细节 （1）在第一种方法中，onclick大小写无关，但在第二种方法中，必须使用小写。因为HMTL对大小写不敏感，而JS则会区分大小写。

Q3: ...同一个函数,当点鼠标时,怎样能知道是哪个按钮被点了?

首先要给按钮一个ID，然后在create的时候保存它的句柄(static HWND)。在WM_COMMAND消息里写响应函数，用switch进行选择。

attachEvent方法接受两个参数：第一个是事件名称，它指定了要监听的事件类型，如onclick表示点击事件，onmousemove表示鼠标移动事件等。第二个参数是事件处理程序函数，即当事件发生时执行的函数。需要注意的是，attachEvent方法与addEventListener方法在处理事件时有一些不同之处。

使用onclick（）点击事件触发。设计一个功能页面，HTML代码如下。此时的页面展示效果如下。设计功能函数，实现上图中赋值的功能。给按钮绑定上述函数，点击实现。在页面上点击函数，查看执行效果。

Q4: javascript函数内什么时候可以用this?

1、this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，function test(){ this.x = 1；} 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。

2、而是关于如何在代码中调用它，我们在调用此执行上下文时就会用到this。当this从函数内部访问时，实际上就是访问其执行上下文。

3、但是，你也可以使用 this 来访问被点击的按钮元素本身。但是，如果你想问的并非“为什么代码里面写 this 就是正确的，而写 btn[i] 就是错误的”，而是想问“javascript函数内什么时候可以用this”，我也可以回答你：在 JavaScript 中，this 关键字表示当前对象。它的含义取决于函数调用的方式。

4、我们必须明确的是函数中this的指向 不是固定 的，和函数执行时的环境有关，简单的说，我们可以理解函数中this指向的是 当前调用该函数的对象 ，所以我们也针对以下几种情况来消化下这种说话。作为函数调用时 简单的例子如下：在浏览器时执行该代码时，打印出来的都是window对象。

5、自由和灵活，结合apply(call)方法，可以使JS变得异常强大。变化的this 在JavaScript中，this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象（运行时）。当我们在页面中定义了函数 doSomething()的时候，它的owner是页面，或者是JavaScript中的window对象（或 global对象）。

6、JavaScript：this是什么？定义：this是包含它的函数作为方法被调用时所属的对象。说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！包含它的函数。作为方法被调用时。所属的对象。

Q5: JS:按钮单击时,如何获得自己的ID?

在JS中获取ID值也就是“input_id”这个值： var item = document.getElementById(input_id)； 如此，所有为input_id的ID的input对象都在item中了。

在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。在js标签内，创建getid()函数，在函数内，通过元素名称获得div对象，使用attr()方法获得动态添加div的id值，并使用alert()方法将值输出。在浏览器打开test.html文件，点击按钮，查看结果。

动态添加div时，给每一个div添加一个点击方法：onclick=javascript：aaa(this)然后，在你的JS代码里面这样获取对应点击DIV的id： function aaa(obj){ alert(obj.id)；obj.style.display = none；//这是消失 } 纯手打，望采纳。

在script中加上alert(v)；，来弹框查看原生js方法是否根据id获取元素的值了。在浏览器中运行项目，可以看到页面弹框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。jquery方法需要先添加jquery.js，然后通过varw=$(#xx).val()；来获取元素的值。

关于js函数获取被点击的元素本身和js 获取触发事件的元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。