///

DOMの値を取得・設定する方法

wrote :

DOM値を取得する方法

  • id属性を使用してタグ要素の属性の属性を取得する
    • document.id名.属性
      JavaScriptのオブジェクトと共通のDOMの属性以外では、この用法は使えない場合がある。N4.xは不可。
    • document.getElementById(id名).属性
      IE5.0〜、N6.0〜利用可能。
    • document.all(id名).属性
      IE4.x用。
  • this.属性(this演算子を使用してタグ要素の属性の値を取得する)
  • document.getElementsByTagName(要素名)[添番].属性

DOM値を設定する方法

  • 取得した属性に値を設定する
    〜.属性="値"
  • setAttributeメソッドを使って値を設定する
    document.getElementById(id名).setAttribute("属性","値")
    一部の属性(class属性など)では値を設定できない場合がある

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

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

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

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