.getAttribute(" name")和.name之间有什么区别?

时间:2017-10-17 04:07:55

标签: javascript html dom attributes cross-browser

我有一个简单的网络应用程序,其中包含一个输入文本字段:

<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;?

1 个答案:

答案 0 :(得分:2)

&#13;
&#13;
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;
&#13;
&#13;

在网络上发现这可能有助于您尝试按照代码输入内容和焦点

不同之处在于element.value是实时的,如果用户更改了一个文本框输入,它会反映出来,并显示新值。

虽然getAttribute(&#39; value&#39;)仍会显示原始值=&#34;无论是什么?&#34;值。