こんばんは
<div id="id" data-hoge='{"name":"名前","age":"年齢"}'></div>
上記のようにdata属性内がオブジェクトになっている場合、javascriptで値とキーのようにアクセスする方法はありますか?
(わけあって、jQueryは使えません)
//期待する結果
document.querySelector('#id').dataset.hoge.name // => 名前
//実際の結果
document.querySelector('#id').dataset.hoge.name // => undefined
~dataset.hogeで返ってきた文字列を操作するしかないのでしょうか?
No.1ベストアンサー
- 回答日時:
こんばんは
>文字列を操作するしかないのでしょうか?
直接取得できるのはあくまでも文字列なので、オブジェクトにしたいのなら変換する必要があります。
evalはなんなので、Jsonでオブジェクト化するとか。
let hoge = JSON.parse(document.querySelector('#id').dataset.hoge);
console.log( hoge.name );
console.log( hoge.age );
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascriptで文字分割は、 split() などメソッド不要??? 4 2023/02/06 22:50
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンをクリックすると数が増...
-
hoge の謎
-
Boolean型配列中のTrueの有無を...
-
Inherits EventArgsの初期化
-
C言語でクロージャを記述する
-
ファイルの命名規則が決まって...
-
構造体を引数で関数へ渡す
-
-(ハイフン)_(アンダーバー)の...
-
自動でリンクを実行する
-
JavaScript window.openで開く...
-
同じIDで定義した要素の配列を...
-
javascriptでiframeのURL変更は?
-
jspからjavascriptの変数引継ぎ
-
functionから別のfunctionを実...
-
C#で、ContextMenuStripに動的...
-
クリックすると上に開くアコー...
-
画像上のクリックした場所が分...
-
undefinedを表示させない方法は...
-
webページ上のTabキーの動き
-
var_dumpのdump意味はを知りた...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Boolean型配列中のTrueの有無を...
-
HTTPSのとき":"が"%3A"ではなく...
-
ボタンをクリックすると数が増...
-
Linux バイナリ実行できない "...
-
ASP+アクセスでのSQLコメントに...
-
Excel VBA の ChangeFileAccess
-
アンカーリンクをクリックさせ...
-
javascriptで文字挿入でtoggle...
-
ifreamをリロードしたい
-
static と externについて
-
同じ型【ハイフンと数字】だけ...
-
【正規表現】【javascript】CR...
-
System::Drawing::Color::XXXX...
-
MFCのキャプション変更
-
VB.NETで変数の型は自作...
-
【Jquery】changeイベント毎にa...
-
サブウインドウから親ウインド...
-
Vb.netのグローバル変数の宣言...
-
window.onloadでのfunction
-
hogehogeの由来
おすすめ情報
