用JavaScript置換網頁中的圖片

請同學把燈泡點亮吧

←這張圖片的id是light。
亮的圖是「on.png」，關的圖是「off.png」
可以輸入「document.getElementById("light").src = "on.png" ;」以點亮燈泡(更換圖片)。
也可輸入「document.getElementById("light").src = "off.png" ;」以關閉燈泡(更換圖片)。

說明：
• document 指這個網頁
• document.getElementById("light") 指找出網頁裡id為light的元件(就是圖片本身)
• document.getElementById("light").src 就是之前學網<img src="ooxx.png">，可以指定圖片來源
• document.getElementById("light").src = "on.png" 將圖片置換為on.png

練習：
• 將圖片置換成學校校徽圖片
• 將圖片置換成任一張網路圖片
• 把下方五個燈泡都點亮吧！
  
  id=light1
  id=light2
  id=light3
  id=light4
  id=light5