.getAttribute（「name」）和.name之間有什麼區別？

Question

我有一個簡單的Web應用程序與這樣看它的輸入文本字段：

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

地址10.1.1.50是一個IP地址的缺省值。而從JavaScript謹以此閱讀：

txtip.getAttribute("value") 

現在讓我們假設將其更改爲10.1.1.49。在谷歌瀏覽器的JavaScript代碼以上仍然將返回10.1.1.50，而表達

txtip.value 

返回10.1.1.49。

有什麼區別？什麼是「正確的方式」？

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>

發現這個網站上可以幫助你試試下面的代碼類型的東西，事件的內容

不同的是，element.value是實時的，如果用戶改變讓我們說，一個文本框輸入，它會反映出來，並顯示給你新的價值。

儘管getAttribute（'value'）仍然會顯示原始值=「whateverWasHere」的值。