javascript - 文本框无法在 javascript 中正确动态更新

Question

这是我创建文本框的方法：

box = document.createElement("input");

这是我更改文本的方法：

box.setAttribute('value',myString);

但是，在我编辑后，每个文本框都会对上述代码永久无响应（在 Firefox 中，即使单击它也会导致这种情况）。

另外，我有时想阻止用户表单编辑值：

box.setAttribute('readonly','true');

但这也会导致这些框永久锁定，无法尝试编辑它们的程序；box.setAttribute('readonly','false') 不会撤消锁定。

Answer 1

要删除只读属性，您必须使用box.removeAttribute('readonly');

Answer 2

您应该使用box.value = myString和box.readOnly = false。节点属性总是字符串，如果你想删除一个你需要使用element.removeAttribute('atribute_name').