Kelas DOM Terbina Dalam JavaScript

Unsur DOM juga mewakili objek kelas terbina dalam. Mari kita lihat contoh. Katakan kita ada perenggan:

html<p>teks</p>

Dapatkan rujukannya dalam pembolehubah:

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

Keluarkan perenggan ini ke konsol:

javascriptconsole.log(elem);

Sekarang mari kita lihat senarai sifat dan kaedah perenggan kami:

javascriptconsole.dir(elem);

Anda boleh menentukan kelas mana perenggan kami tergolong. Untuk ini dalam senarai sifat anda perlu mencari sifat khas [[Prototype]]. Di dalamnya kita melihat bahawa perenggan tergolong dalam kelas HTMLParagraphElement. Mari kita semak ini:

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

Задание 1

Kaji hasil pelaksanaan kod berikut:

html<div>teks</div>

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

Tentukan kelas mana yang dimiliki teg ini.

Задание 2

Kaji hasil pelaksanaan kod berikut:

html<input>

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

Tentukan kelas mana yang dimiliki teg ini.

Задание 3

Kaji hasil pelaksanaan kod berikut:

html<div>teks</div>
<div>teks</div>
<div>teks</div>

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

Tentukan kelas mana yang dimiliki hasilnya.

Задание 4

Kaji hasil pelaksanaan kod berikut:

html<div>
  <p>teks</p>
  <p>teks</p>
  <p>teks</p>
</div>

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

console.dir(elems);

Tentukan kelas mana yang dimiliki hasilnya.