源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>享学课堂</title> </head> <body> <h1>JavaScript 能做什么?</h1> <p>JavaScript能改变HTML属性.</p> <p>在这个案例里面JavaScript能改变图片的src (source)属性.</p> <button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">开灯</button> <img id="myImage" src="pic_bulboff.gif" style="width:100px"> <button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">关灯</button> </body> </html>
运行结果