disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等。readonly属性只是将元素设置为只读，其他操作正常。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 </style> 9 </head> 10 <body> 11 <button id="btn1">1</button> 12 <button id="btn2">2</button> 13 <button id="btn3">3</button> 14 <input type="text" name="name" value="xx" disabled="true"/> 15 <input type="text" name="name" value="xxx" readonly="true"/> 16 </body> 17 <script> 18 document.getElementById("btn1").disabled = true; 19 20 document.getElementById("btn2").setAttribute('disabled','true'); 21 </script> 22 </html>
document.getElementById("btn1").disabled = true;
document.getElementById("btn2").setAttribute('disabled','true');
都可以实现禁用