html 方法ie8报错,ie8下修改input的type属性报错的解决方法

ie8下修改input的type属性报错的解决方法

发布于 2017-07-18 09:16:21 | 125 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，问题是ie8中是不允许修改input的type属性

摘要：

现在有一个需求如图所示，当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，刚开始想到的就是修改输入框的type来决定显示明文还是密文，使用jQuery的attr来做试验，测试结果是chrome，Firefox，ie9+都是好的，在ie8以下就会报错，查找了下原因，ie8中是不允许修改input的type属性，最终换了种思路实现。

当勾选显示明文时替换输入框为type="text"，不勾选时在将输入框替换为type="password"，代码如下：

显示明文

$('#show-password').click(function() {

var inp,cname,val;

if(this.checked) {

inp = $('#pass').children('input');

cname = inp.attr('name');

val = inp.val();

$('#pass').html('');

} else {

inp = $('#pass').children('input');

cname = inp.attr('name');

val = inp.val();

$('#pass').html('');

}

});

总结：

这篇文章并没有什么技术含量，但是这种交互还是存在的，写这篇文章主要还是考虑到ie8以下兼容性问题。如果你的项目中也有这种交互可以参考下，或者你有更好的方法可以和我一起分享。

相关阅读:

ie8下修改input的type属性报错的解决方法

js修改input的type属性问题探讨

js修改input的type属性及浏览器兼容问题探讨与解决

火狐下input焦点无法重复获取问题的解决方法

IE8下String的Trim()方法失效的解决方法

js改变img标签的src属性在IE下没反应的解决方法

IE8下关于querySelectorAll()的问题

javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法

Windows环境下npm install 报错: operation not permitted, rename的解决方法

js无法获取到html标签的属性的解决方法

js ajaxfileupload.js上传报错的解决方法

iscroll.js的上拉下拉刷新时无法回弹的解决方法