文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么通过setAttribute设置输入值或直接设置输入值之间有什么区别？

问为什么通过setAttribute设置输入值或直接设置输入值之间有什么区别？
EN

Stack Overflow用户

提问于 2016-04-07 08:33:32

回答 1查看 2.9K关注 0票数 7

在devtools中，运行以下两行：

window.x = document.createElement("input");
x.type="text"; 
x.name="nm"; 
x.value="val"; 
x
// <input type="text" name="nm">

window.x = document.createElement("input");
x.type="text"; 
x.name="nm"; 
x.setAttribute("value", "val"); 
x
// <input type="text" name="nm" value="val">

为什么要以不同的方式印出来？在这两种情况下，似乎都正确地设置了值。该属性与DOM属性之间似乎存在断开关系。

而且，属性.value的getter与.getAttribute('value')的结果不同。我可以整天setAttribute()，但是.value返回旧值。

javascript

dom

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-07 08:40:33

这两种方法的主要区别在于设置基础defaultValue属性。使用setAttribute时，defaultValue属性和value属性都将被更新/设置。而使用.value只会更新/设置它的value属性。

行为1：(使用setAttribute设置值)

x.setAttribute("value","test");
x.defaultValue; //"test"
x.value; //"test"

行为2：(直接使用value属性设置值)

x.value = "test";
x.defaultValue; //""
x.value; //"test"

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36470788

复制

相似问题

问为什么通过setAttribute设置输入值或直接设置输入值之间有什么区别？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么通过setAttribute设置输入值或直接设置输入值之间有什么区别？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么通过setAttribute设置输入值或直接设置输入值之间有什么区别？
EN