заменить ввод с помощью JavaScript

Question

Привет всем, я пытаюсь заменить тип ввода «текст» на «пароль». И это работает со следующим кодом:

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();
            }

Но я хочу добавить класс моего предыдущего ввода к новому вводу, и я попробовал что-то вроде этого:

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();
            }

Что я делаю не так, или, если это невозможно, как установить новый класс вручную .. Спасибо

Answer 1

Это должно работать во всех браузерах:

newO.className = obj.className;

Я не уверен, следует ли вам использовать className или class в setAttribute, но что бы это ни было, оно точно такое же, как в getAttribute, так что это определенно неправильно:

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

Answer 2

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

Вы используете «className» для установки атрибута, но «class» для его получения. Оба должны быть 'className'.

Answer 3

Извините, что пошел в другом направлении, но почему вы заменяете элемент, а не просто меняете его тип в первую очередь? Чем вам не нужно беспокоиться о добавлении того же className в новый элемент.

Просто быть любопытным.