Управление HTML DOM с ванильным JavaScript

Авторизоваться

Предположим, что у нас есть два элемента. Элемент пароля и кнопка для переключения видимости пароля:

<input type="password" id="password" />

<button id="toggle">Toggle</button>

Чтобы показать пароль, мы превращаем элемент пароля в обычное текстовое поле:

// Query the elements
const passwordEle = document.getElementById('password');
const toggleEle = document.getElementById('toggle');

toggleEle.addEventListener('click', function() {
    const type = passwordEle.getAttribute('type');

    passwordEle.setAttribute(
        'type',
        // Switch it to a text field if it's a password field
        // currently, and vice versa
        type === 'password' ? 'text' : 'password'
    );
});

Чтобы оставить комментарий, необходимо авторизоваться

Войти на сайт

Как управлять DOM на чистом JavaScript?