为Javascript提取自定义HTML属性值变量

我正在查看“a”标记中的三个自定义HTML属性，我想将它们的值提取到3个单独的javascript变量中。为Javascript提取自定义HTML属性值变量

下面是与属性“数据事件类别”的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>'

这是我拼凑的功能不成功地试图提取“数据事件类”的价值：

 `function myFunction3() { 
var z = document.getElementByClass(".ga-track-click").getAttribute("data-event-category"); 
return z; 
     }`

这里是我的小提琴：

https://jsfiddle.net/comicosp/430350g0/#&togetherjs=tGRIiss2gB

您能否告诉我**正确的方式来提取3个自定义HTML属性**的值？

** DUPLICATE ISSUE **

我可以看到：

What do querySelectorAll, getElementsByClassName and other getElementsBy* methods return?有异曲同工之处，但我不知道它是如何应用到我的问题。我非常非常初学JavaScript。

来源

2017-06-15 comicosp

为什么这个标签的[标签：的getElementById]当你不使用该功能？ – Quentin

https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Howto/Use_data_attributes – epascarello

@Quentin不确定，诚实。我只是认为它与getElementById有关...我已经删除它。 – comicosp

变化

getElementByClass

到

getElementByClassName

或使用

querySelector

来源

2017-06-15 18:39:27 F1ks3r

为Javascript提取自定义HTML属性值变量

回答

相关问题