Ringkasan JavaScript

Bab ini memberikan beberapa contoh bagaimana JavaScript boleh dipaparkan kekuatan.

JavaScript boleh mengubah kandungan HTML

getElementById() adalah salah satu daripada banyak kaedah JavaScript HTML.

Contoh ini menggunakan kaedah ini untuk "cari" elemen HTML dengan id="demo", dan mengambil kandungan elemen (innerHTML）diganti dengan "Hello JavaScript":

实例

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

亲自试一试

Peringatan:JavaScript mengalu-alukan petanda kutip bersayap dan tunggal:

实例

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

亲自试一试

JavaScript boleh mengubah ciri HTML

本例通过改变 <img> 标签的 src 属性（source）来改变一张 HTML 图像：

灯泡


亲自试一试

JavaScript 能够改变 HTML 样式 (CSS)

改变 HTML 元素的样式，是改变 HTML 属性的一种变种：

实例

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

亲自试一试

JavaScript 能够隐藏 HTML 元素

可通过改变 display 样式来隐藏 HTML 元素：

实例

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

亲自试一试

JavaScript 能够显示 HTML 元素

可通过改变 display 样式来显示隐藏的 HTML 元素：

实例

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

亲自试一试

课外阅读

JavaScript 高级教程： Sejarah JavaScript 、 JavaScript 实现