07 Модуль - DOM. События -- 02 Навигация по DOM, DOM-свойства и атрибуты

Question 1

Доступ к DOM начинается с объекта

Answer 1

document, от него можно добраться до любых узлов.

Question 2

В дереве узлов верхний узел называется

Answer 2

корневым (root node).

Question 3

Каждый узел, кроме root node, имеет

Answer 3

только одного родителя. У узла может быть сколько угодно детей.

Question 4

Соседи(siblings) — это узлы

Answer 4

с общим родителем.

Question 5

Дочерние элементы (children) — элементы, которые

Answer 5

лежат непосредственно внутри данного.

Question 6

Потомки(descendant) – все элементы,

Answer 6

которые лежат внутри данного, вместе с их детьми, детьми их детей и так далее. То есть всё поддерево.

Question 7

elem.querySelector(selector) используется когда мы заведомо знаем, что

Answer 7

подходящий элемент только один.
Возвращает первый найденный элемент внутри elem, соответствующий CSS-селектору selector.
Если ничего не найдено, вернет null.

Question 8

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

Answer 8

elem.querySelector*

Question 9

elem.querySelector* позволяют найти узел или группу узлов по CSS-селектору ………….. сложности.

Answer 9

любой

Question 10

elem.querySelectorAll(selector) используется когда мы заведомо знаем, что

Answer 10

что подходящих элементов более одного.
Возвращает псевдомассив всех элементов внутри elem, удовлетворяющих CSS-селектору selector.
Если ничего не найдено вернет пустой массив.

Question 11

elem.textContent — свойство

Answer 11

содержит текстовый контент внутри элемента. Доступно для записи, при чем вне зависимости что будет передано в textContent, данные всегда будут записаны как текст.

Question 12

element.style - свойство используется для

Answer 12

получения и установки инлайновых стилей. Возвращает объект CSSStyleDeclaration, который содержит список всех свойств определенных только в инлайновом стиле элемента, а не весь CSS.

Question 13

element.style при записи, свойства записываются

Answer 13

camelCase, то есть background-color превращается в element.style.backgroundColor и т. д.

Question 14

Что делает elem.hasAttribute(name) ?

Answer 14

проверяет наличие аттрибута, возвращает true или false

Question 15

Что делает elem.getAttribute(name) ?

Answer 15

получает значение атрибута и возвращает его.
Пример:
concole.log(imageRef.getAttribute(‘src’)) // Вернет
тоже самое что и
concole.log(imageRef.src)

Question 16

Что делает elem.setAttribute(name, value) ?

Answer 16

• устанавливает атрибут
  Пример:
  imageRef.setAttribute(‘alt’, ‘It’s me again!’) // Это то же самое что и
  imageRef.alt = ‘It’s me again!’;

Question 17

Что делает elem.removeAttribute(name) ?

Answer 17

удаляет атрибут

Question 18

Что делает elem.attributes ?

Answer 18

свойство, возвращает коллекцию всех атрибутов элемента

Question 19

Что делает elem.classList.contains(cls) ?

Answer 19

возвращает true или false, в зависимости от того, есть ли у элемента класс cls

Question 20

Что делает elem.classList.add(cls) ?

Answer 20

добавляет класс cls в список классов элемента

Question 21

Что делает elem.classList.remove(cls) ?

Answer 21

• удаляет класс cls из списка классов элемента

Question 22

Что делает elem.classList.replace(oldClass, newClass) ?

Answer 22

• заменяет существующий класс на указанный

Question 23

Что делает elem.classList.toggle(cls) ?

Answer 23

• если класса cls нет, добавляет его, если есть, удаляет