js设置readonly和disabled时的注意事项

这个问题天南早期就遇到过了,不过今天又遇到了这个问题,所以在博客上记录下来。

在学习HTML时,天南记得老师一直强调过HTML是不区分大小写的,所以之前也一直天真的以为HTML属性是不区分大小写的,其实并非完全如此。在HTML中属性是不区分大小写的(XHTML和之后的规范中推荐使用小写了,并且要求属性名必须有值,如readonly=”readonly”),但是在JS中使用DOM属性是严格区分大小写的;另外,disabled属性在设置时也要注意。

在JS中,我们设置一个元素只读时,都知道设置readonly,但设置后发现并不起作用,这是因为readonly是一定要区分大小写的,所以应该写成:

document.getElementById('pwd').readOnly=true;//正确
document.getElementById('pwd').readonly=true;//错误,不起作用
document.getElementById('pwd').disabled="true";//错误,不起作用
document.getElementById('pwd').disabled=true;//正确
document.getElementById('pwd').disabled="";//正确

 

发布者:天南

一个好人

留下评论

电子邮件地址不会被公开。 必填项已用*标注