JavaScript DOM кіріктірілген кластары

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);

Нәтиже қай класқа жататынын анықтаңыз.