# Встроенные классы DOM JavaScript

DOM элементы также представляют собой объекты встроенных классов. Давайте посмотрим на примере. Пусть у нас есть абзац:

`<p>text</p>`

Получим ссылку на него в переменную:

`let elem = document.querySelector('p');`

Выведем этот абзац в консоль:

`console.log(elem);`

А теперь посмотрим список свойств и методов нашего абзаца:

`console.dir(elem);`

Можно определить к какому классу принадлежит наш абзац. Для этого в списке свойств нужно найти особое свойство `[[Prototype]]`. В нем мы видим, что абзац принадлежит классу `HTMLParagraphElement`. Проверим это:

`console.log(elem instanceof HTMLParagraphElement); // true`

Изучите результат выполнения следующего кода:

`<div>text</div>` `let elem = document.querySelector('div'); console.dir(elem);`

Определите, какому классу принадлежит данный тег.

Изучите результат выполнения следующего кода:

`<input>` `let elem = document.querySelector('input'); console.dir(elem);`

Определите, какому классу принадлежит данный тег.

Изучите результат выполнения следующего кода:

`<div>text</div> <div>text</div> <div>text</div>` `let elems = document.querySelectorAll('div'); console.dir(elems);`

Определите, какому классу принадлежит результат.

Изучите результат выполнения следующего кода:

`<div> <p>text</p> <p>text</p> <p>text</p> </div>` `let elem = document.querySelector('div'); let elems = elem.children; console.dir(elems);`

Определите, какому классу принадлежит результат.

← →
↑