输入字段对用户只读但仍可通过 DOM 编辑

Question

我有一个这样的输入字段：

<input type="text" id="23" value="Something" readonly />

我有只读输入元素，因为我不希望用户能够编辑字段值。

但是，我喜欢的是仍然能够通过 DOM 操纵元素的值，例如：

getElementById('23').value="Something else";

这可能吗？

Answer 1

确定是：但您需要这样做https://jsfiddle.net/pz1yd11u/

document.getElementById('23').value="Something else";

您错过了 document

（ID 和 class 名称绝不能以数字开头：read this）

评论后更新，点击事件改变输入值

https://jsfiddle.net/pz1yd11u/1/

document.getElementById("kevs-button").addEventListener("click", displayNewValue);
  
function displayNewValue() {
 document.getElementById('23').value="Something else";
}

#kevs-button {
  background-color: orange;
  padding: 5px;
  width: 100px;
}
#kevs-button:hover {
  cursor: pointer;
  background-color: green;
}

<input type="text" id="23" value="Something" readonly />

<div id="kevs-button">Button</div>

输入字段对用户只读但仍可通过 DOM 编辑

Input field readonly to users but still editable via DOM

javascript

dom

input

readonly