js与html中readonly属性设置对比

发布时间:2019-10-13编辑:脚本学堂
本文介绍下,js与html代码中设置只读属性readonly的不同,特别强调下js设置readOnly的方法,有需要的朋友参考下。

说明:
readonly属性在html标签里使用不区分大小写。
在js中使用,IE不能识别“readonly”,要用“readOnly”。

下面对比下IE与FF浏览器中 readOnly属性:
 

方法或属性                  IE             FF
r.readOnly                           正确       正确
r.readonly                           错误       错误
r.getAtrribute("readonly")             正确    正确
r.getAttribute("readOnly")             正确      正确
r.setAtrribute("readonly",true)      错误,区分大小写     正确
r.setAtrribute("readOnly","")         错误    正确
r.setAttribute("readOnly",true)      正确        正确
r.setAttribute("readOnly",false)     正确         正确
r.setAttribute("readOnly","readonly")  正确          正确
r.setAttribute("readonly","readonly")   错误,区分大小      正确
r.removeAttribute("readonly")       错误,区分大小写    正确
r.removeAttribute("readOnly")      正确          正确
<input id="r">                      false       null
<input id="r" readonly>             true     ""
setAtrribute方法设为true后          true      true
setAtrribute方法设为false后         false    false