如何改变 <input type=“text”> 按属性值
[英]How to change <input type=“text”> value by attribute
问题描述
I have a program which creates input element by JS ( createElement("INPUT") ). 
我有一个通过JS创建输入元素的程序（ createElement("INPUT") ）。
I tried to change the value of the element in runtime by changing the attributes value and text but the attribute changed and the value which I saw in the input box stay in the previous value. 我试图在运行时中通过更改属性value text本来更改元素的value ，但是属性已更改，并且在输入框中看到的值保持在先前的值。
how I could to change the value in runtime? 如何在运行时更改值？
2 个解决方案
解决方案1
0 2019-09-03 17:59:46
You can use .value to get and change the value property of your newly created element. 您可以使用.value来获取和更改新创建的元素的value属性。
Working Snippet Example: 工作片段示例：
//create text input var someInput = document.createElement("INPUT"); someInput.setAttribute("type", "text"); //append element to DOM var myDiv = document.getElementById("someCode"); myDiv.appendChild(someInput); //change input value someInput.value = "New Value"
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Snippet</title> </head> <body> <div id="someCode"> </div> </body> </html>
解决方案2
0 2019-09-03 19:45:34
Changing the value of an input's value as previously shown should work. 如前所述，更改输入值的值应该可以。
the attribute changed and the value which I saw in the input box stay in the previous value.
However, the real answer the poster is looking for is why the value is not changing as expected. 但是，发布者正在寻找的真正答案是为什么价值没有按预期变化。
Attribute shows initial value 属性显示初始值
The reason the values does not change in DevTools is because the value attribute will only show the initial value of the input and not any changes to it. 值在DevTools中不更改的原因是，值属性将仅显示输入的初始值，而不显示输入的任何更改。
value The input control's value.
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.