HTML attributes vs DOM properties

Attributes and properties are fundamentally different things. You can have an attribute and property of the same name set to different values. For example: <div foo="bar">…</div> <script> const div = document.querySelector('div[foo=bar]'); console.log(div.getAttribute('foo')); // 'bar' console.log(div.foo); // undefined div.foo = 'hello world'; console.log(div.getAttribute('foo')); // 'bar' consol

[mukaken]

"HTML 属性と DOM プロパティの比較。属性とプロパティは基本的に異なるものです。同じ名前の属性とプロパティを異なる値に設定することができます。"

[efcl]

HTMLの属性とDOMプロパティの違いについて。 属性とプロパティの型の違い、大文字小文字の区別、Reflectionについて。 また、Preact/VueやReactなどのUIフレームワークでの扱いについてなど