změna input type

Mám problémek, chci prostřednictvím js změni typ inputu z text na password, a to pomoci
document.getElementsById("lpass").type = 'password';
zajímavé je, že v FF a CHROME to jde, v IE ne.
Prosím, kde by mohl být problém.? Děkuji

Už jsem něco vygoogloval, v IE to řeší dvěma inputy a jejich přepínání viditelnosti...je to takové kostrbaté řešení.

Bohužel opět se vracím k původnímu dotazu, jelikož jsem zatím nedošel ke konečnému řešení.
Jen pro upřesnění, na problém jsem zakopnul v IE8, v IE10 je vše ok.

Mám klasický input prvek:
<input id="lpass" class="edit" type="text" name="lpass" value="" maxlength="30" onkeyup="ValidLogin(this,'login-err')">

ve funkci ValidLogin bych dle situace chtěl input změnit na type='password'.
v jiných prohlížečích to jde v pohodě přes type, jenže minimálně v IE8 je to nepodporované.
Přepínání viditelnosti inputů je opravdu kostrbaté řešení.

Vyggogloval jsem řešení s vytvořením nového inputu s nastavení vlastností původního prvku jen změnou type:

function changeInputType(
, // a reference to the input element
iType, // value of the type property: 'text' or 'password'
iValue, // the default value, set to 'password' in the demo
blankValue, // true if the value should be empty, false otherwise
noFocus) { // set to true if the element should not be given focus
if(!oldElm || !oldElm.parentNode || (iType.length<4) ||
!document.getElementById || !document.createElement) return;
var isMSIE=/*@cc_on!@*/false; //http://dean.edwards.name/weblog/2007/03/sniff/
if(!isMSIE){
var newElm=document.createElement('input');
newElm.type=iType;
} else {
var newElm=document.createElement('span');
newElm.innerHTML='<input type="'+iType+'" name="'+oldElm.name+'">';
newElm=newElm.firstChild;
}
//alert(this.value);
var props=['name','id','className','size','tabIndex','accessKey'];
for(var i=0,l=props.length;i<l;i++){
if(oldElm[props[i]]) newElm[props[i]]=oldElm[props[i]];
}
newElm.onfocus= oldElm.onfocus;
newElm.onfocus=function(){return function(){
if(this.hasFocus) return;
var newElm=changeInputType(this,'password',iValue,
(this.value.toLowerCase()==iValue.toLowerCase())?true:false);
if(newElm) newElm.hasFocus=true;
}}();
newElm.onblur=function(){return function(){
if(this.hasFocus)
if(this.value=='' || (this.value.toLowerCase()==iValue.toLowerCase())) {
changeInputType(this,'text',iValue,false,true);
}
}}();
// hasFocus is to prevent a loop where onfocus is triggered over and over again
newElm.hasFocus=false;
// some browsers need the value set before the element is added to the page
// while others need it set after
if(!blankValue) { newElm.value=iValue; }
oldElm.parentNode.replaceChild(newElm,oldElm);
if(!isMSIE && !blankValue) { newElm.value=iValue; }
if(!noFocus || typeof(noFocus)=='undefined') {
window.tempElm=newElm;
setTimeout("tempElm.hasFocus=true;tempElm.focus();",1);
}
return newElm;
}

Toto řešení opravdu funguje, ale je tu ještě jeden problém, daný prvek již nereaguje na událost onkeyup="ValidLogin(this,'login-err')"
Jak dosáhnout toho, aby i nově vytvořený newElm reagoval na onkeyup (popř. další události) stejně jako input původní.
Děkuji za radu

_es:
NO, asi to nebude tak jednoduché.
novýInput.onkeyup = starýInput.onkeyup; je sice pěkné, ale po oldElm.parentNode.replaceChild(newElm,oldElm); to nereaguje vůbec!!!