[問題] JavaScript圖片切換

看板Web_Design作者 (JstMonika)時間5年前 (2019/03/08 00:24), 5年前編輯推噓2(2推 0噓 5→)
留言7則, 4人參與, 5年前最新討論串1/1
小弟是網頁設計的超新手 目前學到可以藉由點擊圖片來切換圖片 想知道這兩段內容出了什麼問題才會點擊圖片卻沒反應 看起來跟教學網站上的一模一樣，不知道問題是不是出在變數名稱上 有望各位解惑了... https://imgur.com/7RZNfFe
https://imgur.com/cykqewc
-- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.172.129.96 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1551975841.A.A8D.html
→
03/08 01:50, 5年前 , 1F
index.html 第 28 行改成 src="main.js" 試試看
03/08 01:50, 1F
→
03/08 02:50, 5年前 , 2F
圖片截清楚點
03/08 02:50, 2F
→
03/08 03:18, 5年前 , 3F
也許可把程式碼貼到 codepen 之類的網站會比較清楚?
03/08 03:18, 3F
推
03/08 05:07, 5年前 , 4F
document.querySelector 只會抓第一個符合條件的 DOM 回來
03/08 05:07, 4F
謝謝樓上各位，之後發問會改用glot.io貼程式碼，我後來把圖片刪到剩下一個就解決了，非常謝謝！ ※ 編輯: Ori185 (180.217.210.88), 03/08/2019 12:45:03
推
03/08 15:15, 5年前 , 5F
其實你不用刪圖片，因為是你的語法造成只會抓第一個回來
03/08 15:15, 5F
→
03/08 15:15, 5年前 , 6F
你可以幫每張圖加一個 class 取不同名稱，如img1 img2 img3
03/08 15:15, 6F
→
03/08 15:16, 5年前 , 7F
然後用 document.querySelector('.img1') 抓指定的圖片
03/08 15:16, 7F
‣ 更多 Ori185 的文章
文章代碼(AID): #1SWKMXgD (Web_Design)