Javascript 在 IE9 中不工作

Question

以下 javascript 在 IE9 中不工作，但在 Firefox 中工作正常。知道如何解决这个问题吗？谢谢。

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

因为我发现一个合理的解决方案是用一个新的元素替换元素，你可以使用这样的东西:

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

在这里找到http://bytes.com/topic/javascript/answers/705445-dynamically-change-input-type-text-password并略作修改。另一种解决方案是使用 createElement 而不是克隆，但这可能需要更多的工作。

编辑:

忘了说这个问题似乎是 IE 不喜欢在元素被包含在 DOM 中后动态更改元素的 type 属性。