ホームページ > ウェブフロントエンド > jsチュートリアル > 特別な処理を必要とする DOM 要素属性へのアクセス_DOM

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

WBOY
リリース: 2016-05-16 18:16:53
オリジナル
1140 人が閲覧しました
コードをコピー コードは次のとおりです:

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 メソッドを介してアクセスするよりも、属性を介して直接アクセスした方が速いのではないかと考えています。
次の記事では、特別な属性へのアクセスを紹介します。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート