Уграђене DOM класе JavaScript-а

DOM елементи такође представљају објекте уграђених класа. Погледајмо на примеру. Нека имамо пасус:

html<p>текст</p>

Добијмо референцу на њега у променљиву:

javascriptlet elem = document.querySelector('p');

Испишимо овај пасус у конзолу:

javascriptconsole.log(elem);

А сада погледајмо списак својстава и метода нашег пасуса:

javascriptconsole.dir(elem);

Може се одредити којој класи припада наш пасус. За то у списку својстава треба пронаћи посебно својство [[Prototype]]. У њему ми видимо да пасус припада класи HTMLParagraphElement. Проверимо то:

javascriptconsole.log(elem instanceof HTMLParagraphElement); // true

Задание 1

Проучите резултат извршавања следећег кода:

html<div>текст</div>

javascriptlet elem = document.querySelector('div');
console.dir(elem);

Одредите којој класи припада овај тег.

Задание 2

Проучите резултат извршавања следећег кода:

html<input>

javascriptlet elem = document.querySelector('input');
console.dir(elem);

Одредите којој класи припада овај тег.

Задание 3

Проучите резултат извршавања следећег кода:

html<div>текст</div>
<div>текст</div>
<div>текст</div>

javascriptlet elems = document.querySelectorAll('div');
console.dir(elems);

Одредите којој класи припада резултат.

Задание 4

Проучите резултат извршавања следећег кода:

html<div>
  <p>текст</p>
  <p>текст</p>
  <p>текст</p>
</div>

javascriptlet elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);

Одредите којој класи припада резултат.