Question

The following javascript doesnt work in IE9, but works fine in Firefox. Any idea how to solve this? Thx.

var element = e.srcElement || e.target;

if(element != null){
   if(element.tagName == "INPUT") {

   //alert("Before: " + element.getAttribute("type"));
   element.setAttribute("type", "password");
   //alert("After: " + element.getAttribute("type"));

  }
}

Answer 1

Since I’ve found that a plausible solution is to replace the element with a new one, you could use something like this:

var input = element;
var input2 = input.cloneNode(false);
input2.type = "password";
input.parentNode.replaceChild(input2, input);

Found here http://bytes.com/topic/javascript/answers/705445-dynamically-change-input-type-text-password and modified slightly. Another solution off there is to use createElement instead of cloning, but that might take some more work.

EDIT:

Forgot to mention that the problem seems to be that IE does not like changing the type attribute of an element dynamically after it has been included in the DOM.