属性と属性


DOM属性と構成


HTMLプロパティは常に1対1で一致するわけではありませんが、DOMオブジェクトのプロパティです.
DOM PropertyとメソッドはJavaScriptオブジェクトのように表現されます.
1.任意の値を指定できます.
2.大文字小文字.

HTMLプロパティ


HTMLの標準属性はDOMオブジェクトのプロパティに変換されますが、非標準属性はプロパティに変換されません.
DOMオブジェクトからHTMLの非標準属性にアクセスまたは変更する方法

アクセスと変更方法

elem.hasAttribute(name) // 속성 존재 유무
elem.getAttribute(name) // 속성 값 가져오기
elem.removeAttribute(name, value) // 속성 값 설정
elem.attributes // 모든 속성값 읽어오기
elem.attributesの場合、iterable配列が返されます.for ofなどの機能を使用できます.

同期プロパティ


属性が変化すると、対応するプログラムが自動的に更新されます.ただし、入力します.valueのように属性からproperty方向に更新されるpropertyもあります.
  • プロパティを変更すると、propertyも変更されます.
  • パーセントを変更しても、属性は変更されません.
    プロパティの値を使用して、変更前の元の値に戻り、使用することができます.
  • DOM構成値のタイプ


    DOM Popurpityは必ずしも文字列ではありません.オブジェクト、boolenなどは使用できますが、hrefなどは返される環境に応じて返される値を変更します.
  • hrefのような競合は、ドメイン名付き文字列を返します.
  • 非標準プロパティ、データセット


    任意の非標準属性は可能ですが、後で標準になるのを防ぐためにdata-を使用できます.
    <body data-about="Elephants">
    <script>
      alert(document.body.dataset.about); // Elephants
    </script>
    propertyに近づくためにdtasetを使用してアクセスできます.