.getAttribute("name") 和 .name 有什么区别？ [复制]

Question

我有一个简单的网络应用程序，其中有一个输入文本字段，如下所示：

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

地址10.1.1.50 是IP 地址的默认值。从javascript我会这样读：

txtip.getAttribute("value")

现在让我们假设将其更改为10.1.1.49。在 google chrome 中，上面的 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') 仍会显示原始 value="whateverWasHere" 值。