Free Printable Quiz 6 Web-e

Worksheets

Quiz 6 Web-e

Total questions: 33

Worksheet time: 18mins

Name

Class

Date

Phương thức before() của một object node trên DOM tree dùng để làm gì?

Xóa node ngay trước node

Chèn một node vào ngay trước node

Ghi đè (replace) node ngay trước node

Tìm đến node ngay trước node

Cho đoạn mã HTML và JavaScript như sau:

Biết rằng xxx ở dòng cuối là mã JavaScript để thực hiện xóa CSS class 'p1' khỏi thẻ HTML <p>. Hãy cho biết xxx là gì?

(a)

Phương thức getElementById() khi gọi trên nút node của DOM tree có kết quả là gì?

Tìm kiếm theo Class trên cây con có nút gốc là node của DOM tree

Tìm kiếm theo Name trên cây con có nút gốc là node của DOM tree

Tìm kiếm theo Id trên cây con có nút gốc là node của DOM tree

Tất cả đều sai

Cần xóa thẻ HTML <p> (là đoạn in nghiêng) trong trang web với mã HTML như sau:

Biết rằng paraElement là node tương ứng với thẻ HTML <p> này trong DOM tree. Với điều kiện không dùng phương thức trực tiếp paraElement.remove(), hãy cho biết mã JavaScript cần dùng là gì?

(a)

Trang web có HTML:

Thuật toán tìm đến Item 1 là tím đến Item 2 , sau đó sử dụng sibling property. Hãy cho biết mã JavaScript ứng với thuật toán?

(a)

Giả sử element là DOM tree node tương ứng với thẻ HTML được khai báo trong webpage như sau:

Cú pháp nào cho phép truy nhập đến trường id của thẻ <div>

element.id

element.attributes.id

element.attributes[0]

element.getAttribute('id')

Đâu là nhận định đúng khi so sánh 2 property textContent và innerHTML của node trên DOM tree?

innerHTML chỉ áp dụng với text node chứ không cho mọi element node

Sử dụng innerHTML thiết lập nội dung thẻ HTML nhanh hơn textContent

textContent có thể chứa các thẻ HTML

Sử dụng textContent an toàn hơn dùng innerHTML khi thiết lập nội dung thẻ HTML

Phương thức prepend() của một node trên DOM tree dùng để làm gì?

Ghi đè (replace) node lên con cuối cùng của node

Chèn node vào trước con cuối cùng của node

Ghi đè (replace) node lên con đầu tiên của node

Chèn node vào trước con đầu tiên của node

Để ẩn một thẻ HTML trên webpage, phương pháp JavaScript nào sau đây có thể sử dụng?

Sử dụng setAttribute('hidden','none')

Sử dụng addAttribute('hidden','none')

Sử dụng toggleAttribute('hidden')

Sử dụng property hidden

10.

Phương thức querySelector() có thể dùng để tìm kiếm nút theo thuộc tính của thẻ HTML được không?

Có thể

Không thể

11.

Trang web với mã HTML như sau:

Thuật toán tìm đến element Item 2 là tìm đến Item 1, sau đó sử dụng sibling property. Hãy cho biết mã JavaScript ứng với thuật toán?

(a)

12.

Phương thức appendChild() của object node trên DOM tree dùng để làm gì?

Thêm con mới vào cuối các con là element node

Thêm node thành con mới của document

Thêm con mới vào cuối các con của node

Thêm con mới vào đầu các con của node

13.

Đâu là điểm khác nhau giữa các property firstChild và firstElementChild của object node trong DOM tree?

firstChild chỉ trả về text nodes, firstElementChild trả về Element node

firstChild trả về con đầu tiên có kiểu Element, firstElementChild trả về con đầu tiên với tất cả các kiểu

firstChild trả về còn đầu tiên với tất cả các kiểu, firstElementChild trả về con đầu tiên có kiểu Element

Không khác nhau

14.

Cho đoạn mã HTML sau:

Cú pháp JavaScript nào cho phép lấy được nút <div> trên DOM tree?

(a)

15.

Mã JavaScript document.querySelector('ul').lastElementChild trả về kết quả gìgì?

element con cuối cùng của <ul> gồm cả các thẻ HTML comment

element con cuối cùng của <ul> không gồm các thẻ HTML comment

text node con cuối của <ul>

node con cuối của <ul>

16.

Các phương thức getElementsByClassName() và getElementsByTagName() của interface Node trong DOM JavaScript đều trả về kết quả là một danh sách các element tìm được trên DOM tree, cho dù chỉ tìm được duy nhất 1 element

Đúng

Sai

17.

Giả sử divElement là một JavaScript object trên DOM tree tương ứng thẻ HTML <div> trên webpage. cú pháp JavaScript sau đây sẽ có kết quả gì?

divElement.className += 'intro';

Đổi tên class CSS của thẻ HTML <div> thành dạng số và cộng với 'intro' cũng ở dạng số

Ghi đè class CSS đang có của thẻ HTML <div> thành 'intro'

Thêm class CSS mới 'intro' vào thẻ HTML <div>

Lỗi cú pháp

18.

Phương thức querySelector() có thể tìm kiếm nút theo tên thẻ HTML?

Có thể

Không thể

19.

Cho đoạn mã HTML cùng JavaScript dưới đây:

Nhận định nào sau đây là đúng?

Không có phương thức appendChild() trên object divElement

Tham số khi gọi appendChild() không đúng kiểu

Chạy tốt, không có lỗi

20.

Phương thức cloneNode() của một node trên DOM tree dùng để làm gì?

Tạo node mới với thẻ HTML giống node

Tạo node mới và copy tất cả con cháu của node sang node mới

Tạo một reference mới trỏ đến node trên DOM tree

Tạo node mới và copy tất cả các thuộc tính của node sang node mới

21.

Để thêm class 'active' bằng element.className đúng cách là gì?

Sử dụng gán '+=' element.className += ...

Sử dụng phương thức addClass()

Sử dụng gán '=' element.className = ...

Sử dụng phương thức add()

22.

Lệnh JavaScript cho phép thay đổi nội dung thẻ đầu tiên có lớp 'test' ?

document.getElementsByName("p")[0].innerHTML = "Hello"

document.getElementsByClassName("test")[0].value = "Hello"

document.getElementsByClassName("test")[0].innerHTML = "Hello"

document.getElementsByName("test")[0].innerHTML = "Hello"

23.

Câu lệnh JavaScript nào sau đây cho phép thiết lập event handler cho sự kiện onclick của một thành phần HTML?

document.getElementById("demo").addEventListener("onclick",myFunction);

document.getElementById("demo").addEventListener("click",myFunction);

document.getElementById("demo").addEventListener("onclick",myFunction, true);

document.getElementById("demo").addEventListener("click",myFunction());

24.

Phương thức querySelector() dùng để làm gì?

Tìm kiếm trên DOM tree tất cả các nút có tag name được đưa vào tham số

Tìm kiếm trên DOM tree tất cả các nút có CSS class được đưa vào tham số

Tìm kiếm trên DOM tree tất cả các nút có CSS selector được đưa vào tham số

Tất cả đều sai

25.

Cho đoạn mã HTML như sau:

Hãy sử dụng phương thức insertBefore() để chèn thêm element node vào giữa 2 thẻ #div1 và #div2 trong DOM tree biết rằng object tương ứng với thẻ #div2 trên DOM tree là div2Element

(a)

26.

Đâu là cú pháp JavaScript đúng để thay đổi nội dung của thẻ HTML dưới đây:

document.getElement("p").innerHTML = "Hello World!";

document.getElementByName("p").innerHTML = "Hello World!";

document.getElementById("demo").innerHTML = "Hello World!";

#demo.innerHTML = "Hello World!";

27.

Mã JavaScript document.createElement('div') thực hiện công việc gì?

Tạo text node mới và gắn vào <div>

Tạo node mới <div> không gắn vào document

Tạo node rỗng và gắn vào <div>

Tạo node mới <div> và gắn vào document

28.

Trang web với mã HTML và code JavaScript như sau:

Đoạn mã JavaScript tìm đến Item cuối cùng trong list (không xác định được số element trong list) và gán cho element. Hãy cho biết mã JavaScript xxx đang thiếu?

(a)

29.

Hãy chọn các phương án đúng để tìm đến node cha của node ele trên DOM tree

ele.parentElement

ele.parentContainer

ele.parentNode

ele.getParent()

30.

Tìm element cuối là con của element?

element.lastElementChild

element.lastChild

element.children[p.childElementCount-1]

element.childNodes[p.childElementCount-1]

31.

Hãy chọn phương án đúng để tìm đến node tương ứng với CSS selector .main .title .t1 trên DOM tree

document.querySelector('.main .title .t1')

document.body.matches('.main .title .t1')

document.querySelectorAll('.main .title .t1')[0]

document.getElementByCSS('.main .title .t1')

32.

Cho đoạn mã HTML như sau:

Mã JavaScript document.getElementById('t1').childNodes[0] cho kết quả gì?

Một text node

Một element node

33.

Cú pháp nào cho phép tìm đến element cuối cùng là con của element trong DOM tree?