wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Тест по JavaScript DOM

Total questions: 13

Worksheet time: 7mins

Name
Class
Date
1.

Что такое DOM в JavaScript?

a)

DOM - это язык программирования для создания веб-сайтов.

b)

DOM - это протокол для обмена данными между серверами.

c)

DOM - это библиотека для работы с базами данных.

d)

DOM в JavaScript - это интерфейс для работы с HTML , представляющий их в виде дерева объектов.

2.

Как изменить текст элемента с помощью JavaScript?

a)

document.getElementById('elementId').hasAttribute('value', 'Новый текст');

b)

document.createElement("div")

c)

document.getElementById('elementId').textContent = 'Новый текст';

d)

document.getElementById('elementId').setAttribute('value', 'Новый текст');

3.

Как добавить обработчик клика к кнопке?

a)

document.getElementById('button').onclick = function() { /* ваш код */ };

b)

$('button').click(function() { /* ваш код */ });

c)

document.querySelector('button').addEventListener('click', function() { /* ваш код */ });

d)

button.addEventListener('hover', function() { /* ваш код */ });

4.

Как создать новый элемент в DOM?

a)

Используйте document.createElement('tagName') для создания нового элемента.

b)

Добавьте элемент через innerHTML с помощью document.innerHTML = ''

c)

Используйте document.getElementById('tagName') для создания нового элемента.

d)

Создайте новый элемент с помощью new Element('tagName') в JavaScript.

5.

Как изменить стиль элемента с помощью JavaScript?

a)

element.modifyStyle('property', 'value');

b)

element.styleChange('property', 'value');

c)

Используйте свойство 'style' элемента, например: element.style.property = 'value';

d)

element.setStyle('property', 'value');

6.

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

a)

element.child

b)

element.getParent()

c)

element.Node

d)

element.parent

7.

Как удалить элемент из DOM?

a)

element.delete()

b)

parentNode.detach(element)

c)

removeElement(element)

d)

element.remove()

8.

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

a)

Создайте новый элемент с нужными атрибутами.

b)

Удалите элемент, чтобы изменить его атрибуты.

c)

Используйте метод setAttribute() или измените свойство элемента напрямую.

d)

Используйте метод getAttribute() для получения атрибута.

9.

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

a)

element.attachEvent("событие", действие, которое должно произойти);

b)

element.addEvent('событие', действие, которое должно произойти);

c)

element.on('действие, которое должно произойти', событие);

d)

element.addEventListener('событие', действие, которое должно произойти);

10.

Как получить все элементы класса .children?

a)

'element.querySelectorAll(".children")'.

b)

Используйте 'element.firstChild'

c)

Используйте 'element.parent'

d)

Примените 'element.getElementsByClassName()'

11.

Как изменить класс элемента с помощью JavaScript?

a)

document.getElementById('elementId').setAttribute('class', 'newClass');

b)

elementId.className = 'newClass';

c)

document.querySelector('.elementClass').classList.remove = 'newClass';

12.

Для чего нужен метод querySelector()

a)

для поиска первого элемента по определенному селектору

b)

для поиска всех элементов по определенному селектору

c)

для поиска только по id

d)

для поиска только по тегу

13.

Что такое callback функция?

a)

это функция, которая автоматически вызывается каждый раз, когда происходит ошибка в программе.

b)

это функция, которая возвращает значение 0

c)

это функция, переданная в качестве аргумента другой функции

d)

это функция, которая не может быть вызвана до тех пор, пока не завершится выполнение программы.