js怎么修改input的type属性ie不出错

　　方法/步骤

　　首先我们来做一个html页面，来模拟这个密码框，这个图标找的不好，就用小箭头代替小眼睛了。

　　那么怎么实现点击小眼睛显示明文密码呢？小编的思路是改变input的type类型，默认是password类型，点击小眼睛变为text类型，反之亦然。

　　一般的思路就是这样，但是ie8会出现错误，提示type类型不可以改变，这该怎么办呢？

　　这时候我们可以换个思路，既然改变不了他type类型，那么不妨改变这个input框，在点击小眼睛的时候换掉input不就行了吗？再点击的时候再换回来，记得保存input的value值。

　　还有一种方法也可以，直接写两个input框，一个text类型，一个password类型，点击小眼睛的时候显示不同的输入框就行了，也是记得保存value值。

方法/步骤

1
首先我们来做一个html页面，来模拟这个密码框，这个图标找的不好，就用小箭头代替小眼睛了。

2
那么怎么实现点击小眼睛显示明文密码呢？小编的思路是改变input的type类型，默认是password类型，点击小眼睛变为text类型，反之亦然。

3
一般的思路就是这样，但是ie8会出现错误，提示type类型不可以改变，这该怎么办呢？

4
这时候我们可以换个思路，既然改变不了他type类型，那么不妨改变这个input框，在点击小眼睛的时候换掉input不就行了吗？再点击的时候再换回来，记得保存input的value值。

5
还有一种方法也可以，直接写两个input框，一个text类型，一个password类型，点击小眼睛的时候显示不同的输入框就行了，也是记得保存value值。

http://jingyan.baidu.com/article/67508eb4302a839cca1ce423.html