「a」タグ内の3つのカスタム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で初心者です。あなたがその機能を使用していないとき:
を使用するには? – Quentin
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes – epascarello
@クエンティンは確かに正直ではありません。私はちょうどそれがgetElementByIdに関連していると思った...私はそれを削除しました。 – comicosp