在IE8中使用replaceChild更改输入类型不起作用

Question

I am using below code to change input type onfocus and resetting it to text onblur. But this is not working

HTML

 <input type="password" onfocus="changeInputType(this,'text')"
                        onblur="changeInputType(this,'password')">

JS

  function changeInputType(oldObject, oType) {
     var newObject = document.createElement('input');
     var wrapper= document.createElement('div');
     wrapper.innerHTML= oldObject.outerHTML.replace('type=password','type=text');
     var newObject = wrapper.firstChild;
     oldObject.parentNode.replaceChild(newObject,oldObject);
     return newObject;
  }

here is the fiddle. It is not working.

Answer 1

Assuming that you want to change the type attribute to password on blur and to text on focus, your code does not work for more than one reason.

1. You are missing the double quotes in your call to replace: replace('type=password','type=text')

2. When you call replaceChild the tag is removed and another blur event is triggered causing an error.

3. You are not using the oType variable anywhere.

Is easier to just use the type property like in the code below:

function changeInputType(oldObject, oType) {
    oldObject.type = oType;
}