JavaScript 能够改变 HTML 属性

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <h2>JavaScript 能做什么？</h2>
  6.  
  7. <p>JavaScript 能够改变 HTML 属性值。</p>
  8.  
  9. <p>在本例中，JavaScript 改变了图像的 src 属性值。</p>
  10.  
  11. <button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>
  12.  
  13. <img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">
  14.  
  15. <button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>
  16.  
  17. </body>
  18. </html>