Các lớp DOM tích hợp trong JavaScript

Các phần tử DOM cũng đại diện cho các đối tượng của các lớp tích hợp. Hãy xem xét qua một ví dụ. Giả sử chúng ta có một đoạn văn:

html<p>văn bản</p>

Lấy tham chiếu đến nó vào một biến:

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

In đoạn văn này ra console:

javascriptconsole.log(elem);

Và bây giờ hãy xem danh sách các thuộc tính và phương thức của đoạn văn của chúng ta:

javascriptconsole.dir(elem);

Có thể xác định lớp mà đoạn văn của chúng ta thuộc về. Để làm điều này, trong danh sách thuộc tính cần tìm một thuộc tính đặc biệt [[Prototype]]. Trong đó, chúng ta thấy rằng đoạn văn thuộc về lớp HTMLParagraphElement. Hãy kiểm tra điều này:

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

Задание 1

Nghiên cứu kết quả thực thi của mã sau:

html<div>văn bản</div>

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

Xác định lớp mà thẻ này thuộc về.

Задание 2

Nghiên cứu kết quả thực thi của mã sau:

html<input>

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

Xác định lớp mà thẻ này thuộc về.

Задание 3

Nghiên cứu kết quả thực thi của mã sau:

html<div>văn bản</div>
<div>văn bản</div>
<div>văn bản</div>

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

Xác định lớp mà kết quả thuộc về.

Задание 4

Nghiên cứu kết quả thực thi của mã sau:

html<div>
  <p>văn bản</p>
  <p>văn bản</p>
  <p>văn bản</p>
</div>

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

console.dir(elems);

Xác định lớp mà kết quả thuộc về.