尝试通过onclick调用函数时未定义值

Question

当我试图发送（onclick）值到toggle_sprint（）函数时，我得到错误，该值未定义。 为什么未定义？ 我以为当我输入value =“ false”时就定义了它，但显然没有。

<div class="select">
    <div id="toggle_sprint" value="false" onclick="toggle_sprint(value);" >Toggle Sprint</div>

</div>

Answer 1

div元素没有value属性……而且div元素并非设计为交互式的，因此您通过在div上单击onclick来创建一系列可访问性问题。

此外，您使用固有事件属性意味着toggle_sprint()可能与您认为的不一样 。

首先编写好的HTML。

使用data-*属性仅为您的JS提供数据。 使用按钮提供单击和触发JS的功能。

然后将事件处理程序与JavaScript绑定。

  document.getElementById("toggle_sprint").addEventListener("click", function(event) { toggle_sprint(this.dataset.value); }); function toggle_sprint(arg) { console.log(arg); } 

 <div class="select"> <button type="button" id="toggle_sprint" data-value="false">Toggle Sprint</button> </div>