JavaScript is required

Câu lệnh JavaScript nào là đúng để thực hiện thay đổi nội dung trong phần tử HTML bên dưới?

Website timoday.edu.vn.

A.

document.getElementByName("p").innerHTML = "Chào mừng bạn đến với timoday.edu.vn!";

B.

document.getElement("p").innerHTML = "Chào mừng bạn đến với timoday.edu.vn!";

C.

#demo.innerHTML = "Chào mừng bạn đến với timoday.edu.vn!";

D.

document.getElementById("demo").innerHTML = "Chào mừng bạn đến với timoday.edu.vn!";

Trả lời:

Đáp án đúng: D


Câu hỏi này kiểm tra kiến thức về cách truy cập và thay đổi nội dung của một phần tử HTML bằng JavaScript.

Phân tích các đáp án:

  • A. document.getElementByName("p").innerHTML = "Chào mừng bạn đến với timoday.edu.vn!"; getElementByName được sử dụng để lấy các phần tử có cùng thuộc tính name. Trong trường hợp này, chúng ta muốn lấy phần tử có id là "demo", không phải name. Vì vậy, phương án này sai.
  • B. document.getElement("p").innerHTML = "Chào mừng bạn đến với timoday.edu.vn!"; Hàm getElement() không tồn tại trong JavaScript. Vì vậy, phương án này sai.
  • C. #demo.innerHTML = "Chào mừng bạn đến với timoday.edu.vn!"; Cách này sử dụng cú pháp CSS selector, nhưng nó không phải là cách đúng để truy cập một phần tử HTML trực tiếp trong JavaScript. Nó thường được sử dụng trong các thư viện như jQuery, nhưng không phải là JavaScript thuần. Vì vậy, phương án này sai.
  • D. document.getElementById("demo").innerHTML = "Chào mừng bạn đến với timoday.edu.vn!"; getElementById là phương thức chính xác để truy cập một phần tử HTML dựa trên thuộc tính id của nó. innerHTML sau đó được sử dụng để thay đổi nội dung của phần tử đó. Vì vậy, phương án này đúng.

Câu hỏi liên quan