仅向用户输入字段，但仍可通过DOM

Question

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

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

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

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

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

这可能吗？

Answer 1

确定是：但您需要这样做https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

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

您错过了document

（ID和类名称绝不应以数字开头：https://jsfiddle.net/pz1yd11u/）

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

read this

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>