DOMF8

Điền vào chỗ trống:

Sau khi trang web được tải xong, (1)... sẽ nhận được source code HTML mà người dùng đã viết, đọc và dựa theo quy chuẩn của W3C để tạo một cây HTML DOM của các (2)...

Answer explanation

(1) browser

(2) object

DOM có bao nhiêu đối tượng chính? Là những đối tượng nào?

Answer explanation

1-Element

2-Attribute

3-Text

HTML là ngôn ngữ lập trình cung cấp cho người dùng một bộ phương tiện để truy xuất được vào mô hình DOM.

• Đúng

• Sai

Khi trình duyệt đọc mã HTML, nó sẽ tạo ra một mô hình DOM và lưu cả mô hình đó(toàn bộ trang web) vào một biến có tên là ...?

(a)  

Những phương thức get element nào sau đây trả về trực tiếp element?

1.getElementById

2.getElementsByClassName

3.getElementsByTagName

4.querySelector

5.querySelectorAll

• 1,5

• 1,4

• 3,5

• 1,3

• 2,5

Những phương thức get element sau đây, phương thức nào trả về HTMLCollection? Phương thức nào trả về NodeList?

1.getElementById

2.getElementsByClassName

3.getElementsByTagName

4.querySelector

5.querySelectorAll

Vì cả NodeList và HTMLCollection đều khá giống mảng nên

1) Với NodeList ta có thể dùng forEach() để lặp qua các phần tử của nó.

2) Với HTMLCollection ta có thể dùng forEach() để lặp qua các phần tử của nó.

Nhận định trên đúng hay sai? Vì sao?

Để truy xuất một phần tử của NodeList ta có thể dùng (1).

Để truy xuất một phần tử của HTMLCollection ta có thể dùng (2), (3) và (4).

(1), (2), (3) và (4) lần lượt là gì?

Answer explanation

1, 2 - index

3 - id

4 - name

Vậy khi chúng ta dùng name hoặc id để lấy phần tử của HTMLCollection thì phải dùng phương thức gì?

(a)  

Answer explanation

VD:

console.log(

elements.namedItem('name')); // get bằng name

console.log(

elements.namedItem('id')); // get bằng id

var a = document.getElementsByTagName('li');

var b = document.querySelectorAll('li');

var c = querySelector('ul');

c.innerHTML = '<li></li>';

console.log(a.length);

console.log(b.length);

Khichạyđoạn code trên màn hình console sẽ in ra hai số gì

Answer explanation

1 và 2

Do khi có sự thay đổi trong DOM thì HTMLCollection sẽ được cập nhật, còn NodeList thì không.