Cách sử dụng GetElementById của JavaScript để truy cập một phần tử cụ thể - những cái đầu

Bạn có thể sử dụng JavaScript để truy cập vào một phần tử bên trong một trang HTML. Bạn có thể làm điều này để thay đổi phần tử hoặc kiểu dáng CSS. Hãy thử nó trong một bài tập.

1. Mở trình soạn thảo văn bản của bạn bằng một tài liệu mới hoặc trống.

   

2. Trong trình soạn thảo văn bản, đặt HTML và JavaScript dưới đây:

   Chương 2 Xin chào dòng thứ hai
   Đây là một đoạn văn.
   Dòng cuối cùng var theDiv = tài liệu. getElementById ("myDiv"); cảnh báo ("Nội dung là" + theDiv. innerHTML);
   

3. Lưu tệp dưới dạng getbyid. html trong tài liệu gốc của bạn.

   

4. Mở trình duyệt web của bạn và xem trang tại // localhost / getbyid. html.

   Bạn sẽ thấy một cảnh báo như hình dưới đây.

   

5. Nhấp vào OK để loại bỏ cảnh báo và đóng trình duyệt của bạn.

6. Quay lại trong getbyid. html trong trình soạn thảo của bạn, hãy xoá dòng JavaScript bắt đầu bằng cảnh báo. Thay thế dòng đó bằng hai:

   theDiv. Phong cách. border = "3px rắn đen"; theDiv. innerHTML = "Điều này bây giờ đã thay đổi văn bản.";
   

   Toàn bộ khối lệnh sẽ trông như sau:

   var theDiv = tài liệu. getElementById ("myDiv"); theDiv. Phong cách. border = "3px rắn đen"; theDiv. innerHTML = "Điều này bây giờ đã thay đổi văn bản.";
   

   Khi xem trong một trình duyệt, trang bây giờ trông giống như được hiển thị ở đây. Lưu ý rằng văn bản của dòng trên cùng đã được thay đổi và bây giờ có một đường viền.