文本框在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')。