Javascript 如何检查在只有类名的div中单击的链接

Javascript 如何检查在只有类名的div中单击的链接,javascript,Javascript,我有这个密码。如何捕获此div“dt buttons”中的单击事件并检查单击了什么特定链接?我没有权限更改此代码,因此我想捕获这两个ahref的单击事件以执行代码 <div id="table_1_wrapper" class="wpDataTables wpDataTablesWrapper"> <div class="dt-buttons"> <a class="dt-button new_table_entry DTTT_button

我有这个密码。如何捕获此div“dt buttons”中的单击事件并检查单击了什么特定链接?我没有权限更改此代码,因此我想捕获这两个a
href
的单击事件以执行代码

<div id="table_1_wrapper" class="wpDataTables wpDataTablesWrapper">
    <div class="dt-buttons">
        <a class="dt-button new_table_entry DTTT_button DTTT_button_new" tabindex="0" aria-controls="table_1" href="#"><span>New entry</span></a>
        <a class="dt-button edit_table DTTT_button DTTT_button_edit" tabindex="0" aria-controls="table_1" href="#"><span>Edit</span></a>
    </div>
</div>

我想在单击此链接时运行一些javascript代码。希望有
有人可以帮我。谢谢

有多种方法可以做到这一点。当通过onclick单击链接时,它调用函数

函数a()
{console.log(“单击链接”)}

有多种方法可以做到这一点。当通过onclick单击链接时,它调用函数

函数a()
{console.log(“单击链接”)}

您可以使用来自父元素和

您可以使用来自父元素和

您可以通过传递所有元素的类来使用,这些类之间没有空格:

document.addEventListener(“DOMContentLoaded”),函数(事件){
var el=document.querySelector('.dt button.new_table_entry.DTTT_button.DTTT_button_new');
el.addEventListener('click',函数(){
警报(“单击元素”);
});
});

您可以通过传递所有元素的类来使用,这些类之间没有空格:

document.addEventListener(“DOMContentLoaded”),函数(事件){
var el=document.querySelector('.dt button.new_table_entry.DTTT_button.DTTT_button_new');
el.addEventListener('click',函数(){
警报(“单击元素”);
});
});



Select
#table_1_wrapper.DTTT_button
?Select
#table_1_wrapper.DTTT_button
?不幸的是,它对我不起作用,顺便说一句,当单击新条目时,会出现一个弹出表单。将
控制台.log(myEle)
放在
querySelector()
方法之后,检查是否有任何结果,如果没有,您将不得不使用inspector工具检查元素的属性,并为其创建一个合适的选择器。什么都没有发生:(是的,有一个错误:未捕获的TypeError:无法读取(索引)处null的属性'addEventListener':1291有没有办法添加“Onclick”属性a href?这是基于wordpress的。是否有可以应用于functions.php的代码?不幸的是,它对我不起作用,顺便说一句,当单击新条目时,将出现一个弹出表单。将
console.log(myEle)
放在
querySelector()之后
方法检查是否得到任何内容,如果没有,则必须使用inspector工具检查元素的属性并为其创建适当的选择器。什么也没有发生:(是的,有错误:未捕获类型错误:无法读取(索引)处空值的属性'addEventListener':1291有没有办法添加“Onclick”属性a href?这是基于wordpress的。是否有可以应用于函数的代码。php?不幸的是,它对我不起作用,顺便说一句,当单击新条目时,会出现一个弹出模式表单。您的代码中可能有一些与模式相关的错误,因为正如您所看到的,单击捕获很容易完成。我得到了这个错误:Uncaught TypeError:无法在(索引)处读取null的属性“addEventListener”:1290您以错误的方式引用元素,以至于js无法找到该元素。不幸的是,它对我不起作用,顺便说一下,当单击新条目时,将出现一个弹出模式表单。您的代码中可能存在一些与模式相关的错误,因为正如您所看到的,单击捕获很容易完成。我得到了这个错误:UncaughtTypeError:无法在(索引)处读取null的属性“addEventListener”:1290您以错误的方式引用元素,以至于js无法找到该元素。不幸的是,它对我不起作用。顺便说一句,当单击新条目时,将出现一个弹出模式表单。错误:未捕获类型错误:无法读取(索引)处null的属性“addEventListener”:1290它现在工作了。谢谢!现在我如何使用它调用wordpress上functions.php中的函数以获得变量值?嗨!更改了我的问题。我希望你也能回答。谢谢!不幸的是,它对我不起作用,顺便说一句,当单击新条目时,将显示弹出模式表单。错误:未捕获类型错误:无法读取属性'ad'dEventListener'在(索引)处为空:1290它现在工作了。谢谢!现在我如何使用它调用wordpress上的functions.php中的函数以获取变量值?嗨!更改了我的问题。我希望你也能回答它。谢谢!