2017-06-15 11 views
0

「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で初心者です。あなたがその機能を使用していないとき:

+0

を使用するには? – Quentin

+0

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes – epascarello

+0

@クエンティンは確かに正直ではありません。私はちょうどそれがgetElementByIdに関連していると思った...私はそれを削除しました。 – comicosp

答えて

0

変更

getElementByClass 

getElementByClassName 

か、なぜこのタグ付き[getElementByIdをタグ]は

querySelector 
関連する問題