3 回答

TA貢獻1817條經驗 獲得超14個贊
您忘記關閉“ :
<!DOCTYPE html>
<html>
<head>
<header></header>
<link rel="stylesheet" type="text/css" href="C.css">
<body>
<p> <font face="Times New Roman" size=18> Parakeet Images </font> </p>
<img id="parakeet" src="green_parakeet.jpg" />
<button onclick="g()">Show Green!</button>
<script>function g(){document.getElementById('parakeet').src="green_parakeet.jpg";}</script>
<button onclick="b()">Show Blue!</button>
<script>function b(){document.getElementById('parakeet').src="blue_parakeet.jpg";}</script>
</body>
</html>

TA貢獻1868條經驗 獲得超4個贊
您的兩個腳本中都缺少結束引號
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="C.css">
</head>
<body>
<p> <font face="Times New Roman" size=18> Parakeet Images </font> </p>
<img id="parakeet" src="green_parakeet.jpg" src="blue_parakeet.jpg" />
<button onclick="g()">Show Green!</button>
<script>function g(){document.getElementById('parakeet').src="green_parakeet.jpg"}</script>
<button onclick="b()">Show Blue!</button>
<script>function b(){document.getElementById('parakeet').src="blue_parakeet.jpg"}</script>
</body>
</html>

TA貢獻1803條經驗 獲得超3個贊
您的代碼是正確的,只是您在圖像名稱末尾缺少“并且元素src中有額外的標簽img。
function b() {
document.getElementById('parakeet').src = "https://dummyimage.com/600x400/209de6/fff";
}
function g() {
document.getElementById('parakeet').src = "https://dummyimage.com/600x400/20e62a/fff";
}
<!DOCTYPE html>
<html>
<head>
<header></header>
<link rel="stylesheet" type="text/css" href="C.css">
<body>
<p>
<font face="Times New Roman" size=18> Parakeet Images </font>
</p>
<img id="parakeet" src="https://dummyimage.com/600x400/20e62a/fff" />
<button onclick="g()">Show Green!</button>
<button onclick="b()">Show Blue!</button>
</body>
</html>
添加回答
舉報