HTML_html/css_WEB-ITnose の属性とプロパティ

1. 概要

属性とプロパティは、よく混同される 2 つの概念です。

簡単に言えば、プロパティは JS コードでアクセスされます:

document.getElementByTagName('my-element').prop1 = 'hello';

属性はこれに似ています:

JS コードで属性にアクセスする方法は getAttribute と setAttribute です:

document.getElementByTagName('my-element').setAttribute('attr1','Hello');

document.getElementByTagName( ' my-element').getAttribute('attr1','Hello');

2. 違い

ほとんどの場合、この 2 つは同等です。 Web 標準では、属性が同じ名前のプロパティを「反映する」と規定されることがよくあります。しかし、それでも例外はたくさんあります。

1. 一貫性のない名前

最も一般的なものは、JavaScript の予約語を避けるために、JS のクラス属性に対応するプロパティは className です。