先上代碼：
<html>
<head>
<title> test </title>
<meta charset="utf-8">
</head>
<script language="JavaScript">
function setReadonly() {
//document.getElementById("test").setAttribute("readOnly", true);
document.getElementById("test").readOnly=true;
}
function readWrite() {
//document.getElementById("test").setAttribute("readOnly", false);
document.getElementById("test").readOnly=false;
}
</script>
<body>
<form name="addform" id="addform" method="post" action="">
<input type="text" id="test" >
<input type="button" value="只讀" onclick="setReadonly();">
<input type="button" value="讀寫" onclick="readWrite();">
</form>
</body>
</html>
代碼挺簡單的，但是這一點代碼也有可能達不到預期效果。
一開始，在readWrite()函數中，我用的是注釋掉的那些代碼，沒有用紅色部分代碼，結果點擊“讀寫”按鈕后，還是不可編輯。於是就改成了紅色部分代碼，結果再點擊“讀寫”按鈕就可以編輯了。
總結了一下，當達不到預期效果時，可以使用以下幾種解決方案：
1、readonly中 將‘o’改為大寫‘O’ ，即將readonly改為readOnly ；
2、將上述代碼中的setReadonly()和readWrite()函數中設置readOnly讀寫屬性的那些代碼組合着全試一遍，基本就能達到預期效果了。