///

DOMトラブル:getAttribute('class')

wrote :

記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。
実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。


属性の値を取得・設定する手法として、「getAttribute」「setAttribute」があるが、class属性はうまく制御できない。

回避方法:className

例)要素ネームがtestの場合

test.getAttribute("class");
ではなく、
test.className
にする。

例)要素ネームtestのclass属性を「test」に設定(もしくは変更)する場合

test.setAttribute("class","test");
ではなく、
test.className = "test";
にする。

川上 武範(かわかみ たけのり)
1975年生。シンプルシンプルデザイン代表兼Webクリエイター。たびのとWebサイト運営責任者。

企画からサイト設計、正しいマークアップを意識したWebサイト制作やユーザー視点の情報設計を得意としている。

シンプルシンプルデザイン
たびのと
twitter : たけたけ@OnlyTwo

メディア掲載
2016年10月25日 レバテックフリーランスの記事「自作Webサービス記事紹介まとめ」でサイト内の記事「Webサービス「たびのとTOKYO」を作ってみました」を紹介していただきました。