onclick和onfocus上的HTML元素类型更改无法在IE浏览器中使用

Question

我正在使用以下代码在onclick和onfocus期间更改HTML元素的类型。

function ChangeToPassField() {

   document.getElementById('password').type="password";
   document.getElementById('password').focus();

}

<input type="text" name="password" id="password" onblur="ChangeToTextField(); if (this.value == '') {this.value = 'Password';}" onclick="ChangeToPassField(); if (this.value == 'Password') { this.value = ''; } else { this.value; }" onfocus="if (this.value == 'Password') { this.value=''; }; this.type='password';" value="Password" style="width:230px; height:25px; margin-left:5px; background:none; border:0px;" />

事件onclick和onfocus不工作IE7和IE8.it显示错误，如

“无法获取type属性：不支持此命令”

我该如何解决这个问题？

Answer 1

type属性cannot be changed in Internet Explorer（请参阅“备注”部分）。您可以通过将input元素替换为新元素来解决此问题。