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

时间:2017-06-15 18:31:36

标签: javascript jquery html css variables

我正在查看" a"中的三个自定义HTML属性。标签,我想将它们的值提取到3个单独的javascript变量中。

这里的HTML包含属性" data-event-category"," data-event-action"和" data-event-label&# 34;:

    '<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>'

这是我拼凑在一起的功能,试图提取&#34;数据事件类别&#34;的价值失败:

     `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。

1 个答案:

答案 0 :(得分:0)

更改

getElementByClass

getElementByClassName

或使用

querySelector