Javascript Girl
  1. Javascript Girl
  3. SetAttribute () ne fonctionne pas comme je l'espère
Intereting Posts
Uncaught TypeError: Impossible de lire la propriété 'apply' of indefined with phaser Manipulation de jsonp dans rails 3 contrôleur Angulaire – Choisissez dynamiquement l'état de démarrage Popup Magnifique: titre source de l'étendue Fabric.js subclassing fabric.Group – Erreur: "Impossible de lire la propriété" async 'of undefined "lors de la charge de JSON YouTube Player API: getDuration (), getCurrentTime (), getVideoData () ne fonctionne pas Détection si java est installé et activé avec javascript L'événement Canvas Onload ne déclenche pas La signature de mon assemblage avec un nom fort l'empêche de fonctionner Node.js – fs.stat lance ENOENT L'opération s'est terminée avec succès Nodejs – Erreur: génère ENOENT tout en ajustant la taille de l'image à l'aide du module gm Quel est le bon moyen de filtrer les valeurs numériques pour un champ de texte? Cliquez sur Charges de vidéos multiples en utilisant YOUTUBE Iframe Comment gérer JavaScript en cours de désactivation dans AngularJS Fonction d'appel à partir de la DLL chargée dans le javascript front-end (charger la DLL dans le javascript du client)

SetAttribute () ne fonctionne pas comme je l'espère

Cette ligne de code: 

document.getElementById('01').getElementsByTagName("input")[0].setAttribute("value", "1");

Fonctionne parfaitement bien lorsque "input" n'a pas encore de valeur. Mais lorsque l'entrée a déjà une valeur, elle ne changerait pas la valeur. pourquoi donc?

On dirait que vous avez fait face à une différence confuse entre la value propriété d'élément et l'attribut de value . Ce ne sont pas les mêmes choses.

La chose est que l'attribut de valeur sert à la valeur par défaut, donc si l'élément possède déjà une valeur de propriété, la modification de l'attribut de valeur ne sera pas reflétée dans l'IU.

La documentation dit ceci :

L'utilisation de setAttribute () pour modifier certains attributs, notamment la valeur dans XUL, fonctionne de façon incohérente, car l'attribut spécifie la valeur par défaut. Pour accéder ou modifier les valeurs actuelles, vous devez utiliser les propriétés. Par exemple, utilisez elt.value au lieu de elt.setAttribute ('value', val).

Donc, pour démontrer cette situation, considérez cette petite démo: 

 document.getElementById("01").getElementsByTagName("input")[0].value = 'property set'; document.getElementById("01").getElementsByTagName("input")[0].setAttribute("value", "two"); 
 <div id="01"> <input type="text" /> </div>

Que JavaScript modifie absolument la valeur de la <input> lorsque la balise a déjà un attribut de value . Voyez vous-même ici: http://jsfiddle.net/qg7d4m32/

Pour le champ de saisie si vous souhaitez définir une valeur, utilisez simplement la valeur

Javascript pur: 

 document.getElementById('01').getElementsByTagName("input")[0].value = "value"

JQuery: 

  $("input").val("value")