特別な処理を必要とする DOM 要素属性へのアクセス_DOM

コードをコピー コードは次のとおりです:

var props = {
'for' : ' htmlFor'、
'class': 'className'、
readonly: 'readOnly'、
maxlength: 'maxLength'、
セルスペース: 'cellSpacing'、
行スパン: 'rowSpan'、
Colspan: 'colSpan',
tabindex: 'tabIndex',
usemap: 'useMap',
Frameborder: 'frameBorder'
}

余談json 形式でオブジェクトを作成する場合は、上記の「for」や「class」などの一部の ecmascript キーワードを除き、属性に一重引用符や二重引用符を必要としないことを使用することをお勧めします。
単一引用符の代わりに単一引用符を使用する方が、二重引用符よりも確実に優れており、仕様に準拠することができますが、コード内に単一引用符と二重引用符を使用しないようにすることが非常に重要です。
簡単な例:

コードをコピー コードは次のとおりです。

< label for="ユーザー名" id="test">name:

🎜 >

アクセス メソッド elem.propertyName を通じて DOM 要素の特定の属性値を直接取得したい場合は、上記の属性アクセスに簡単な変更を加える必要があります。

たとえば, 上記の例では、label の for 属性値を取得したいとしています。

コードをコピー コードは次のとおりです。

var ele = document.getElementById('test ');
var val = ele.htmlFor;
//または
val = ele['htmlFor']
//標準の DOM メソッドを通じてアクセスする場合、特別な処理は必要ありません。 >val = ele.getAttribute('for');
val = ele.getAttributeNode('for').value;


クラス、読み取り専用などのアクセスの場合と同様に、アクセス方法も同様に適切です。

個人的には、DOM メソッドを介してアクセスするよりも、属性を介して直接アクセスした方が速いのではないかと考えています。
次の記事では、特別な属性へのアクセスを紹介します。