Quelle est la différence entre .getAttribute ("name") et .name?

Question

J'ai une simple application web avec un champ de saisie de texte dans ce qui ressemble à ceci:

<input id="txtip" type="text" value="10.1.1.50" /> 

L'adresse 10.1.1.50 est une valeur par défaut pour une adresse IP. Et de javascript je lirais comme ceci:

txtip.getAttribute("value") 

Maintenant, supposons que de le changer à 10.1.1.49. Dans Google Chrome qui précède code javascript renverrait encore 10.1.1.50, tandis que l'expression

txtip.value 

retours 10.1.1.49.

Quelle est la différence? Quelle est la bonne façon"?

Answer 1

var el = document.getElementById('testBox'); 
 

 
$(document).focusout(function() { 
 
alert('el.value = ' + el.value); 
 
    alert('el.getAttribute("value") = ' + el.getAttribute('value')); 
 
    e.preventDefault(); 
 

 

 
});

<h2>Change value in the text box</h2> 
 

 

 
<input id="testBox" type="text" value="original value" /> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

trouvé sur le Web pourrait vous aider à essayer de suivre le type de code quelque chose et focusOut

La différence est que element.value est temps réel et si un utilisateur change disons, un entrée de zone de texte, il reflète cela, et vous montrer la nouvelle valeur.

Alors que getAttribute ('value') affichera toujours la valeur d'origine = "whateverWasHere".