wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

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

Total questions: 14

Worksheet time: 7mins

Name
Class
Date
1.

Что такое DOM?

a)

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

b)

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

c)

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

d)

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

2.

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

a)

document.getElementsByTagName()

b)

document.getElementsByClassName()

c)

document.querySelector()

d)

document.getElementById()

3.

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

a)

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

b)

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

c)

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

d)

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

4.

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

a)

element.remove('href');

b)

element.setAttribute('href', null);

c)

element.deleteAttribute('href');

d)

element.removeAttribute('href');

5.

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

a)

element.onclick = function() {}

b)

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

c)

element.onClick = function() {}

d)

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

6.

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

a)

element.style.color = 'blue';

b)

element.style.textColor = 'blue';

c)

element.color = 'blue';

d)

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

7.

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

a)

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

b)

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

c)

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

d)

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

8.

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

a)

detachEvent()

b)

deleteEventListener()

c)

removeEventListener()

d)

removeListener()

9.

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

a)

document.getElementsByClassName()

b)

document.getElementsByTagName()

c)

document.querySelector()

d)

document.getElementById()

10.

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

a)

element.classList.add('newClass');

b)

element.setClass('newClass');

c)

element.className += ' newClass';

d)

element.addClass('newClass');

11.

Какой метод срабатывает при вставке текста?

a)

copy

b)

cut

c)

input

d)

paste

12.

Какой метод срабатывает при потере фокуса на поле ввода?

a)

focus

b)

blur

c)

change

d)

input

13.

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

a)

document.querySelectorAll()

b)

document.getElementById()

c)

document.getElementsByClassName()

d)

document.getElementsByTagName()

14.

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

a)

element.updateAttribute('alt', 'Описание');

b)

element.changeAttribute('alt', 'Описание');

c)

element.setAttribute('alt', 'Описание');

d)

element.modifyAttribute('alt', 'Описание');