通过onclick事件将值属性数据从HTML端传递给JavaScript函数 - Pass the value attribute data from HTML side to JavaScript function via onclick event

Pass the value attribute data from HTML side to JavaScript function via onclick event

有没有办法通过onclick事件将value属性从HTML端传递给JavaScript函数？

html/php

echo '<a href="#" class="ListOfStuff" value="' . $varVal . '" onclick="doFunction(this.value)"></a>';

javascript

<script>
    doFunction(value){
         alert(value);
    }
</script

this.value未定义。This.id是我过去处理它的方式，但现在我正在动态地编写一个带有类名的列表，我不太明白如何从HTML传递值。This=[object object]并且This.value未定义。如果我使用ID但不使用类，我可以获得值。我做错了什么？

或者，您可以使用getAttribute方法来获取值。示例：

<?php
$varVal = 100;
echo '<a href="#" class="ListOfStuff" value="' . $varVal . '" onclick="doFunction(this.getAttribute(''value''))">test</a>';
?>
<script type="text/javascript">
function doFunction(value) {
    alert(value);
}
</script>

JSBin

这样的东西对你有用吗？（使用getAttribute）

HTML

<a href="#" value="myName" id="anchor" >LINK</a>

  var a = document.getElementById("anchor");
a.addEventListener("click", function(event){
  event.preventDefault();
  alert(this.getAttribute("value"));
}, false);