JavaScript 学习_004 javasrcipt 能够改变html的属性

由 hrs, 31 十月, 2020

在这个实例中我们通过改变图片的属性来控制灯泡的开关。

实例代码：

<!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"  使图片居中


-->

运行效果：

javasrcipt_004.png

标签

评论