replace input with javascript

Question

Hello everybody I'm trying to replace the 'text' input type to 'password' . And it works with following code :

function replaceT(obj){
      var newO=document.createElement('input');
      newO.setAttribute('type','password');
      newO.setAttribute('name',obj.getAttribute('name'));
      obj.parentNode.replaceChild(newO,obj);
      newO.focus();
      }

But I want to add class of my previous input to the new input and I tried something like this :

function replaceT(obj){
      var newO=document.createElement('input');
      newO.setAttribute('type','password');
      newO.setAttribute('className' obj.getAttribute('class'));
      newO.setAttribute('name',obj.getAttribute('name'));
      obj.parentNode.replaceChild(newO,obj);
      newO.focus();
      }

What am I doing wrong, or if that is not possible, how to set the new class manually .. Thank you

Answer 1

newO.setAttribute('className' obj.getAttribute('class'));

You are using 'className' for setting the attribute, but 'class' for getting it. Both must be 'className'.

Answer 2

This should work across all browsers:

newO.className = obj.className;

I'm not sure whether you should use className or class in setAttribute, but whatever it is, it is definitely the same as in getAttribute, so this is definitely wrong:

newO.setAttribute('className' obj.getAttribute('class'));

Answer 3

Sorry for going in the other direction, but why do you replace the element instead of just changing its type in the first place? Than you won't need to worry about adding the same className to the new element.

Just being curious.