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'">關(guān)燈</button>
</body>
</html>
運(yùn)行結(jié)果:
相關(guān)文章
- JavaScript 輸出
- JavaScript 注釋
- JavaScript 數(shù)據(jù)類型
- JavaScript 函數(shù)
- JavaScript 對(duì)象
- JavaScript 數(shù)字
- JavaScript 數(shù)組排序
- JavaScript 日期
- JavaScript Math 對(duì)象
- JavaScript For 循環(huán)
- JavaScript 錯(cuò)誤處理 - Throw 和 Try to Catch
- JavaScript 調(diào)試
- JavaScript 編程規(guī)范
- JavaScript 性能
- JavaScript JSON
- JavaScript 比較 x == "5" 實(shí)例
- JavaScript 比較 值不相等或類型不相等x !== 5 實(shí)例
- JavaScript 比較 大于或等于 x >= 8 實(shí)例
- JavaScript 邏輯運(yùn)算符!非 實(shí)例
- JavaScript 比較不同的類型 2 == "John" 實(shí)例