爲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屬性值變量

回答

相關問題