Pengenalan JavaScript

Bab ini menyediakan beberapa contoh bagian untuk menunjukkan kemampuan JavaScript.

JavaScript dapat mengubah konten HTML

getElementById() ini adalah salah satu metode JavaScript HTML yang banyak.

Contoh ini menggunakan metode ini untuk "mencari" elemen HTML dengan id="demo", dan mengambil konten elemen (innerHTMLUbahnya menjadi "Hello JavaScript":

Contoh

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

Coba Sendiri

Pemberitahuan:JavaScript menerima keduanya kutip tunggal dan ganda:

Contoh

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

Coba Sendiri

JavaScript dapat mengubah properti HTML

Contoh ini melalui mengubah <img> Tag src Atribut (source) untuk mengubah gambar HTML:

Lampu


Coba Sendiri

JavaScript dapat mengubah gaya HTML (CSS)

Mengubah gaya elemen HTML, adalah varian dari mengubah atribut HTML：

Contoh

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

Coba Sendiri

JavaScript dapat menyembunyikan elemen HTML

Dapat diubah display Gaya untuk menyembunyikan elemen HTML：

Contoh

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

Coba Sendiri

JavaScript dapat menampilkan elemen HTML

Dapat diubah display Gaya untuk menampilkan elemen HTML tersembunyi：

Contoh

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

Coba Sendiri

Bacaan Ekstra

Panduan Mahir JavaScript： Sejarah JavaScript 、 Implementasi JavaScript