Викторина по DOM и JavaScript

Что такое DOM?

• Программный интерфейс для работы с CSS

• Программный интерфейс для работы с HTML и XML-документами

• Программный интерфейс для работы с изображениями

• Программный интерфейс для работы с базами данных

Как можно получить элемент по ID в JavaScript?

• document.getElementsByTagName()

• document.getElementsByClassName()

• document.querySelector()

• document.getElementById()

Как изменить текст элемента в JavaScript?

• element.textContent = 'Новый текст';

• element.innerHTML = 'Новый текст';

• element.setAttribute('text', 'Новый текст');

• element.style.text = 'Новый текст';

Как удалить атрибут у элемента?

• element.remove('href');

• element.setAttribute('href', null);

• element.deleteAttribute('href');

• element.removeAttribute('href');

Как добавить обработчик события на элемент?

• element.onclick = function() {}

• element.addEventListener('click', function() {});

• element.onClick = function() {}

• element.attachEvent('click', function() {});

Как изменить цвет текста элемента?

• element.style.color = 'blue';

• element.style.textColor = 'blue';

• element.color = 'blue';

• element.setStyle('color', 'blue');

Как отслеживать изменения в поле ввода?

• document.querySelector('input').addEventListener('change', function() {});

• document.querySelector('input').addEventListener('input', function() {});

• document.querySelector('input').oninput = function() {};

• document.querySelector('input').onchange = function() {};

Какой метод используется для удаления обработчика события?

• detachEvent()

• deleteEventListener()

• removeEventListener()

• removeListener()

Какой метод позволяет получить элементы по имени класса?

• document.getElementsByClassName()

• document.getElementsByTagName()

• document.querySelector()

• document.getElementById()

Какой метод используется для добавления класса к элементу?

• element.classList.add('newClass');

• element.setClass('newClass');

• element.className += ' newClass';

• element.addClass('newClass');