輸入字段，通過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>