單擊標簽時，我需要更改 HTML 中 div 內的圖像。我認為我不需要為此使用 jquery，我只想使用 javascript。經過一些研究，它看起來很簡單，所有的答案都是一樣的，但我無法讓它發揮作用。我知道單擊標簽時該功能有效，因為標簽會改變顏色，但圖像不會改變，我也沒有收到任何語法錯誤。我正在使用鉻。我不知道我做錯了什么。這是 HTML/CSS 代碼：<html><body> <div id="slc_on_label"> <img src=https://ichef.bbci.co.uk/news/800/cpsprodpb/12A9B/production/_111434467_gettyimages-1143489763.jpg> </div> <style> #slc_on_label img { position:fixed; width:5.5%; left:10%; top:10%; } </style> <label class = "button" id="button" onclick="run(this)">0</label> <style> .button {background-color:Powderblue; font-size: 5vw; } </style> <script src="question.js" ></script></body></html>這是javascript代碼：function run(button) { document.getElementById("slc_on_label").src="https://cdn.pixabay.com/photo/2016/12/13/05/15/puppy-1903313_1280.jpg"; button.style = "background-color:red";}
單擊標簽不起作用時使用 javascript 更改 div 中的 HTML 圖像源
慕無忌1623718
2023-03-24 17:13:19
