时间戳

首页 > 解决方案 > 如何将标签参数传递给 onclick 函数？

javascript - 如何将标签参数传递给 onclick 函数？

问题描述

我有一个这样的js函数......

function myfunction(data){
    console.log(data);
}

我需要从标签中的数据传递参数。我试着做：

<a id="aTag1" data="some data" onclick="trees(this);" > click me </a>

我希望在控制台中打印，"some data"但控制台打印所有 html a 标签我也尝试过console.log(data['data'])，console.log(data.data)但它未定义如何从 a 标签接收数据参数？

标签： javascripthtmlfunction

解决方案

您传递了元素的引用，因此您需要查看属性。理想情况下，您应该使用数据属性。

function myfunction(elem){
    console.log(elem.dataset.test);
}
<a id="aTag1" data-test="some data" onclick="myfunction(this);" > click me </a>

推荐阅读