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

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

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