HTML表格：编辑按钮触发Javascript事件

Question

我有一个HTML表格，我用PHP填充。

我

<td><a class='Edit_Btn' data-value='".$row["Driver_Reference"]."' onclick='Edit_Btn_Click();' href='#'>Edit</a></td> 

打造的编辑按钮，分别用于。

我试图避免使用JQuery，但我需要编写一个Javascript函数来获取已被按下的各个编辑按钮的数据值，以便我可以执行相关操作（在这种情况下，我到另一页）。

这里是我已经试过：

function Edit_Btn_Click(Driver_Reference) { 
    var Driver_Reference = this.dataValue; 

    alert("Edit button pressed! Artist ID: " + Driver_Reference); 
} 

Answer 1

this在现有的功能不会是指你的元素。更改HTML和通过的电流元素上下文内联单击处理程序即onclick='Edit_Btn_Click(this);'

<td><a class='Edit_Btn' data-value='".$row["Driver_Reference"]."' onclick='Edit_Btn_Click(this);' href='#'>Edit</a></td> 

然后修改功能

function Edit_Btn_Click(elem) { 
    var Driver_Reference = elem.dataset.value; 

    alert("Edit button pressed! Artist ID: " + Driver_Reference); 
} 

在上面的功能，您可以使用Element.dataset属性来访问数据。

Answer 2

您可以使用：

this.getAttribute('data-value');