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

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

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

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

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

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

console.log(elem);

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

console.dir(elem);

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

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

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

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

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

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

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

<input>

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

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

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

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

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

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

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

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

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

console.dir(elems);

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