在这个实例中我们通过改变图片的属性来控制灯泡的开关。
实例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h2> Javasrcipt 能做什么？</h2>
<P>JavaSrcipt 能够改变html属性值。</P>
<button onclick="document.getElementById('myImage').src='img/eg_bulbon.gif'">开灯</button>
<img id="myImage" border="0" src="img/eg_bulboff.gif" style="text-align:center"></img>
<button onclick="document.getElementById('myImage').src='img/eg_bulboff.gif'">关灯</button>
<p style="color:red">注意：点击开关按钮会显示不同的图片属性。</p>
</body>
</html>
<!--
border="0" 设置图片边框为无
src="img/eg_bulbon.gif" 载入开灯图片
style="text-align:center" 使图片居中
-->
运行效果：
评论