【发布时间】：2017-06-15 18:31:36
【问题描述】：
我正在查看“a”标签中的三个自定义 HTML 属性，我想将它们的值提取到 3 个单独的 javascript 变量中。
这是具有“data-event-category”、“data-event-action”和“data-event-label”属性的 HTML：
'<a data-event-category="Billionaire" data-event-action="SeeMore" data-event-label="Biography" href="xxx" class="ga-track-click billionaires-individual-see-more gotham-medium red-txt">Contact us to see more Biography</a>'
这是我拼凑起来的函数，但没有成功地尝试提取“data-event-category”的值：
`function myFunction3() {
var z = document.getElementByClass(".ga-track-click").getAttribute("data-event-category");
return z;
}`
这是我的小提琴：
https://jsfiddle.net/comicosp/430350g0/#&togetherjs=tGRIiss2gB
您能否告诉我**提取 3 个自定义 HTML 属性值的正确方法**？
** 重复问题**
我可以看到：
What do querySelectorAll, getElementsByClassName and other getElementsBy* methods return? 类似，但我不确定它如何适用于我的问题。我是 javascript 的初学者。
【问题讨论】：
-
当您不使用该功能时，为什么将其标记为getelementbyid？
-
@Quentin 不确定，老实说。我只是认为它与 getElementById 相关...我已将其删除。
-
没有getElementByClass
-
此时它应该可以工作，但访问数据的最佳方式是这样的
var z = document.querySelector(".ga-track-click").dataset现在z将是一个包含所有 3 位数据的对象。或者，如果您只想要一个，您可以使用dataset.eventCategory
标签： javascript jquery html css variables