输入字段，通过DOM

Question

只读到用户，但仍然可编辑的我有一个输入框，如下所示：

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

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

不过，我会喜欢的是到现在还能够通过DOM e.g操纵元素的值：

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

这可能吗？

Answer 1

确保它是：但你必须这样做https://jsfiddle.net/pz1yd11u/

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

你失踪了document

（ID和类名不应该以数字开头：read this）

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

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

document.getElementById("kevs-button").addEventListener("click", displayNewValue); 
 
    
 
function displayNewValue() { 
 
\t 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>