Giới thiệu về JavaScript

Chương này cung cấp một số ví dụ phần nào về khả năng của JavaScript.

JavaScript có thể thay đổi nội dung HTML

getElementById() là một trong nhiều phương pháp JavaScript HTML.

Ví dụ này sử dụng phương pháp này để "tìm kiếm" phần tử HTML có id="demo", và đặt nội dung của phần tử (innerHTML）thay đổi thành "Hello JavaScript":

Mẫu

document.getElementById("demo").innerHTML = "Hello JavaScript";

Thử ngay

Lưu ý:JavaScript đồng thời chấp nhận dấu ngoặc kép và dấu ngoặc đơn:

Mẫu

document.getElementById("demo").innerHTML = 'Hello JavaScript';

Thử ngay

JavaScript có thể thay đổi thuộc tính HTML

Ví dụ này thông qua việc thay đổi <img> thẻ src Thuộc tính (source) để thay đổi một hình ảnh HTML:

Đèn


Thử ngay

JavaScript có thể thay đổi kiểu của phần tử HTML (CSS)

Thay đổi kiểu của phần tử HTML là một biến thể của việc thay đổi thuộc tính HTML:

Mẫu

document.getElementById("demo").style.fontSize = "25px";

Thử ngay

JavaScript có thể ẩn phần tử HTML

Có thể thay đổi display Kiểu để ẩn phần tử HTML:

Mẫu

document.getElementById("demo").style.display="none";

Thử ngay

JavaScript có thể hiển thị phần tử HTML

Có thể thay đổi display Kiểu để hiển thị phần tử HTML ẩn:

Mẫu

document.getElementById("demo").style.display="block";

Thử ngay

Đọc thêm

Hướng dẫn nâng cao JavaScript: Lịch sử JavaScript 、 Thực hiện JavaScript