の属性:GETデータは、私は次のhtml持っているJavaScriptコード
<span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span>
をそれがdata-
で始まる属性を取得し、以下のコードのようなのJavaScriptコードでそれを使用することは可能ですか?今のところ私は結果としてnull
を得ます。
document.getElementById("the-span").addEventListener("click", function() {
var json = JSON.stringify({
id: parseInt(this.dataset.typeid),
subject: this.dataset.type,
points: parseInt(this.dataset.points),
user: "Luïs"
});
});
結果:この場合でそう
// json would equal:
{ "id": 123, "subject": "topic", "points": -1, "user": "Luïs" }
AskerはjQueryについて言及していませんでしたが、これはこの商品のための良いjQueryではありません。代わりに '.data( 'type');'にする必要があります。 –
そして、この "あなたのコードの代わりに"これを使うという提案ははるかに広いです; Askerはイベントハンドリングの設定を維持し、 'data-type'属性の' alert'ではなく 'JSON'の結果を保持したいでしょう。 – trincot
これはjqueryであり、純粋なjavascriptではありません。 – user3130012