IEのブラウザでonclickとonfocusでHTML要素の型が変更されない

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とIE7とIE8.itが

のようなエラーが "typeプロパティを取得できませんでした：このコマンドはサポートされていません" と表示され動作していないONFOCUS

を

どうすれば解決できますか？

Answer 1

type属性cannot be changed in Internet Explorer（「備考」を参照）。これを回避するには、input要素を新しい要素に置き換えます。