Réglage du fonctionnement de JavaScript, les attributs de balise DOM


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

Je suppose que tu aimes

Origine www.cnblogs.com/karl-kidd/p/12596279.html
conseillé
Classement