Introduction to JavaScript

Ang kabanata na ito ay nagbibigay ng ilang bahagi ng mga halimbawa ng kakayahan ng JavaScript.

JavaScript ay kayang baguhin ang nilalaman ng HTML

getElementById() ay isa sa maraming JavaScript HTML na mga paraan.

Ang kasong ito ay gumagamit ng paraan na ito upang "hanapin" ang HTML elementong may id="demo", at ilagay ang nilalaman ng elemento (innerHTML）gawing "Hello JavaScript":

实例

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

亲自试一试

Mga paliwanag:JavaScript ay tumatanggap ng parehong dual na pahina at tungo na pahina:

实例

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

亲自试一试

JavaScript ay kayang baguhin ang mga katangian ng 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 高级教程： History ng JavaScript 、 JavaScript 实现