JavaScript 改變了圖像的 src 屬性值
代碼如下:
<!DOCTYPE html><html>
<body>
<h2>JavaScript 能做什么?</h2>
<p>JavaScript 能夠改變 HTML 屬性值。</p>
<p>在本例中,JavaScript 改變了圖像的 src 屬性值。</p>
<button onclick="document.getElementById('myImage').src='/images/eg_bulbon.gif'">開燈</button>
<img id="myImage" border="0" src="/images/eg_bulboff.gif" style="text-align:center;">
<button onclick="document.getElementById('myImage').src='/images/eg_bulboff.gif'">關燈</button>
</body>
</html>
運行結果:
相關文章
- JavaScript 輸出
- JavaScript 注釋
- JavaScript 數(shù)據類型
- JavaScript 函數(shù)
- JavaScript 對象
- JavaScript 數(shù)字
- JavaScript 數(shù)組排序
- JavaScript 日期
- JavaScript Math 對象
- JavaScript For 循環(huán)
- JavaScript 錯誤處理 - Throw 和 Try to Catch
- JavaScript 調試
- JavaScript 編程規(guī)范
- JavaScript 性能
- JavaScript JSON
- JavaScript 比較 x == "5" 實例
- JavaScript 比較 值不相等或類型不相等x !== 5 實例
- JavaScript 比較 大于或等于 x >= 8 實例
- JavaScript 邏輯運算符!非 實例
- JavaScript 比較不同的類型 2 == "John" 實例