制作記事 Web制作マークアップJavaScriptDOMの値を取得・設定する方法

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

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属性など)では値を設定できない場合がある