Bài 2 ví dụ cơ bản về javascript

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

Một trong những phương pháp JavaScript HTML là getElementById ().

Ví dụ này sử dụng phương pháp này để "tìm thấy" một phần tử HTML (với id = "demo") và thay đổi nội dung phần tử (innerHTML) là "Xin chào JavaScript":


document.getElementById("demo").innerHTML = "Xin chào JavaScript";

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

Ví dụ này thay đổi một hình ảnh HTML bằng cách thay đổi các thuộc tính src (source) của thẻ img:

3.JavaScript có thể thay đổi Styles HTML (CSS)

Thay đổi phong cách (styles) của một phần tử HTML, là một biến thể của việc thay đổi một thuộc tính HTML:


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

4. JavaScript có ẩn các phần tử HTML

Ẩn các phần tử HTML có thể được thực hiện bằng cách thay đổi phong cách hiển thị:


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

5.JavaScript có thể hiện thị (show) các phần HTML

Hiển thị các phần tử HTML ẩn cũng có thể được thực hiện bằng cách thay đổi phong cách hiển thị:


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