属性と属性
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もあります.
elem.hasAttribute(name) // 속성 존재 유무
elem.getAttribute(name) // 속성 값 가져오기
elem.removeAttribute(name, value) // 속성 값 설정
elem.attributes // 모든 속성값 읽어오기
プロパティの値を使用して、変更前の元の値に戻り、使用することができます.
DOM構成値のタイプ
DOM Popurpityは必ずしも文字列ではありません.オブジェクト、boolenなどは使用できますが、hrefなどは返される環境に応じて返される値を変更します.
非標準プロパティ、データセット
任意の非標準属性は可能ですが、後で標準になるのを防ぐためにdata-を使用できます.
<body data-about="Elephants">
<script>
alert(document.body.dataset.about); // Elephants
</script>
propertyに近づくためにdtasetを使用してアクセスできます.Reference
この問題について(属性と属性), 我々は、より多くの情報をここで見つけました https://velog.io/@jayoonkoo/속성과-프로퍼티テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol