我有一个简单的网络应用程序,其中包含一个输入文本字段:
<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
。
有什么区别?什么是&#34;正确的方式&#34;?
答案 0 :(得分:2)
var el = document.getElementById('testBox');
$(document).focusout(function () {
alert('el.value = ' + el.value);
alert('el.getAttribute("value") = ' + el.getAttribute('value'));
e.preventDefault();
});
&#13;
<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>
&#13;
在网络上发现这可能有助于您尝试按照代码输入内容和焦点
不同之处在于element.value是实时的,如果用户更改了一个文本框输入,它会反映出来,并显示新值。
虽然getAttribute(&#39; value&#39;)仍会显示原始值=&#34;无论是什么?&#34;值。