communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 需要做特殊处理的DOM元素属性的访问_DOM

需要做特殊处理的DOM元素属性的访问_DOM

WBOY
Libérer： 2016-05-16 18:16:53
original
1140 Les gens l'ont consulté
复制代码 代码如下:

var props = {
　　'for' : 'htmlFor',
　　'class': 'className',
　　readonly: 'readOnly',
　　maxlength: 'maxLength',
　　cellspacing: 'cellSpacing',
　　rowspan: 'rowSpan',
　　colspan: 'colSpan',
　　tabindex: 'tabIndex',
　　usemap: 'useMap',
　　frameborder: 'frameBorder'
}

说点题外话，用json格式来创建对象的话，建议属性不需要单引号或者双引号，除非一些ecmascript的关键词，比如上面的'for'，'class'等，建议平时还是用
单引号，到不是说单引号一定就比双引号更好，更符合规范，但是一种习惯还是很重要的，不要在代码中即出现单引号又出现双引号的。
举个简单的例子：
复制代码 代码如下:





假如你想直接通过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;

同样对于class,readonly等的访问，上面的几种访问方式也一样适合。

个人觉得直接通过属性访问或许会比通过DOM方法访问要快些。
下面的文章会再对特殊属性的访问做介绍。
Étiquettes associées：
dom元素
source：php.cn
Article précédent：window.location.hash 使用说明_javascript技巧 Article suivant：JavaScript游戏之是男人就下100层代码打包_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Un pool de travail déclaré sur plusieurs routes peut-il toujours maintenir son utilisation du processeur sans se soucier du seuil J'espère trouver un système node.js avec un pool de travailleurs pour gérer les tâches gou...
Depuis 2024-04-06 19:54:23
0
1
444
Impossible d'obtenir les données des cookies du serveur Go à l'aide de React Après React, j'ai commencé à accéder au backend et j'ai ajouté githubOAUTH et des sessions...
Depuis 2024-04-06 13:09:26
0
1
384
Je souhaite rendre mes appels asynchrones plus lisibles Je gère actuellement mes promesses en appelant une fonction asynchrone et en l'enchaînant ...
Depuis 2024-04-05 15:34:44
0
1
3689
Lancez un navigateur transparent pour améliorer l'expérience des applications Web et des PWA [prend en charge HTML, CSS et JavaScript statiques] [permet aux utilisateurs d'afficher les fonds d'écran de nos applications Web/PWA] Je suis un développeur et concepteur front-end junior développant actuellement une applica...
Depuis 2024-04-05 13:50:12
0
1
1367
La gestion de la molette de la souris NumberInput ignore le filtrage des événements de phase de capture Version très courte : je suis un peu coincé et je ne comprends pas très bien pourquoi ce c...
Depuis 2024-04-05 12:21:04
0
1
1387
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal