///

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

wrote :

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


a要素のリンク先を取得する際、「getAttribute("href")」を使用するが、そのリンク先が相対パスで書かれていた場合の解釈がブラウザによって異なるので注意が必要だ。

実際、IE6では、相対パスで記述されていても、絶対パスの値を返す。

回避方法:getAttribute("href")の値は絶対パス

仮に相対パスで書かれた値を取得する場合でも、取得する値は「絶対パス」だと意識しておく。間違っても、ブラウザ別対応を用意してしまうことのないようにする(「標準」の意味がなくならないように)。

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

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

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

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