Un ensemble de valeurs d'attributs, et acquiert l'étiquette
objets Étiquette .steAttribute (valeurs d'attribut « nom d'attribut »)
ne peut définir un, si vous souhaitez définir une pluralité, doivent être effectués de façon répétée
acquiert la valeur de la propriété étiquette
objet étiquette .getAttribute ( « nom d'attribut »),
est le résultat obtenu chaîne
// Obtenez toutes les balises div var oDiv1 = document.querySelector ( 'div' ); // et la propriété est définie sur 0 = indice oDiv1.setAttribute ( 'index', 0 ); // résultat réglage de la sortie console. log (oDiv1); // obtenir la valeur d'attribut de nom de la propriété de l' indice oDiv2 = oDiv1.getAttribute ( 'index' ); // valeur de sortie de l'attribut nom d'attribut d'index console.log (oDiv2);
En second lieu, un ensemble particulier de valeurs d'attributs
// ensemble d'objets d'étiquettes identifiant .id = valeur attribut valeur d'attribut attribut oDiv.id = « div1 » ; // valeur d'attribut div1 de sortie identifiant de la console.log (oDiv.id) // valeur d'attribut d'objet d'étiquette .className = valeur d'attribut de l' attribut class set oDiv.className = « DIV3 » ; // sortie div2 valeur d'attribut de classe de la console.log (oDiv.className) // utilisé comme nom de l' opération, certains navigateurs peuvent être utilisés, principalement des problèmes de compatibilité ou l'utilisation de jeu, obtenir le plus sûr // pas recommandé oDiv.name = 'John Doe' ; console.log (oDiv.name);
Résumé:
A: le getAttribute \ est le setAttribute tous les attributs sont des balises communes, recommandé
B: réglage id: .id = valeur d'attribut de l' objet de l' étiquette, peut également être utilisé, de préférence avec le get et set
C: réglage de la classe: objet étiquette. className = valeur d'attribut, peut également être utilisé, de préférence avec et ECRIRE
D: nom du paramètre: .className = valeur d'attribut de l' objet de l' étiquette, mieux ne pas utiliser et obtenir directement RÉGLER
E, la valeur d'attribut est l' opération de remplacement, avant de les modifier, définir les propriétés EDITORIAL
En troisième lieu , une étiquette de réglage de la valeur d'attribut
1, balise ellemême a un attribut, peut être manipulé directement, il peut également être utilisé Gat / réglé pour fonctionner
var tenue document.querySelector = ( 'div' ); oDiv.className = 'div1' ; oDiv.setAttribute ( 'classe', 'div1')
2, boutons radio, cases à cocher, les propriétés vérifiées
// Il existe différents problèmes de compatibilité du navigateur, ne peut pas obtenir la valeur correcte, la sortie est définie var oSpan = document.querySelector ( « durée » ); oSpan.setAttribute ( « nom », « spanspan) » ; oSpan.setAttribute ( ' index '' premier » ); le console.log (oSpan.name) le console.log (oSpan.index)
3, la valeur pour la valeur d'attribut d'entrée est généralement tag
var oBtn1 = document.querySelector ( '[name = "btn1"]' ); oBtn1.onclick = fonction () { var oFile = document.querySelector ( '[type = "Fichier"]' ); // définir l'étiquette attribut valeur interne ne fonctionne pas, le résultat obtenu est une chaîne vide // après la sélection en cliquant sur le contenu de téléchargement, peut obtenir les paramètres d'attribut de valeur de données correctes le console.log (oFile.value); } var oBtn2 = document. querySelector ([name = "BTN2"] ' ); oBtn2.onclick = fonction () { var oText = document.querySelector ( 'TextArea' ); // définir l'intérieur de la balise d'attribut de valeur ne fonctionne pas, l' obtention le résultat est une chaîne vide // définir le contenu de la balise ou le contenu après l' écriture,les données de Tag peuvent être acquises par l'attribut de valeur console.log (oText.value); }
Note:
A, est le nom de classe d'usage direct et les valeurs de classe, comme l' ID, la classe, le vérifier
B, SET et la classe est la valeur de classe, par exemple l' indice, numéro, RES, IDnumber ....
C, parfois des problèmes de compatibilité , vous pouvez essayer les uns des autres