简介
JavaScript 是 web 开发者必学的三种语言之一:
- HTML 定义网页的内容
- CSS 规定网页的布局
- JavaScript 对网页行为进行编程
var let const的区别
- var是全局变量(基本上用不到)
- let是局部变量(使用较多)
- const是常量(值不可修改)
JavaScript 的作用
改变HTML的内容
getElementById()
是多个 JavaScript HTML 方法之一。
本例使用该方法来“查找” id=“demo” 的 HTML 元素,并把元素内容(innerHTML
)更改为 “Hello JavaScript”:
document.getElementById("demo").innerHTML = "Hello JavaScript";
改变HTML的属性
<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>
<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">
<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>
改变css样式
document.getElementById("demo").style.fontSize = "25px";
隐藏HTML元素
可通过改变 display
样式来隐藏 HTML 元素
document.getElementById("demo").style.display="none";
显示HTML元素
可通过改变 display
样式来显示隐藏的 HTML 元素:
document.getElementById("demo").style.display="block";