我是 javascript 新手，我嘗試在單擊按鈕時更改元素（圓圈）的顏色，但它對我不起作用，我不知道該怎么做，這是腳本：我有 2 個檔案（html和css）：
.html 檔案：
<!DOCTYPE html>
<html>
<head> <title> www.tothemoon.com</title>
<link rel="stylesheet" type="text/css" href="Mpage.css"/>
</head>
<body>
<button id= "but" onclick="FM()" style="font-size:50px; background-color:blue; border:none">try me </button>
<div class="circle", style="color:#1c87c9"> text </div>
<script>
var cir=document.querySelector(".circle");
function FM(){
cir.style.backgroundColor ="yellow";
}
</script>
</body>
</html>
CSS 檔案：
.circle {
background-color: #ccb22e;
width: 200px;
height: 200px;
border-radius: 50%;
}
uj5u.com熱心網友回復：
效果很好，正是您附加的代碼
.circle {
background-color: #ccb22e;
width: 200px;
height: 200px;
border-radius: 50%;
} <!DOCTYPE html>
<html>
<head> <title> www.tothemoon.com</title>
<link rel="stylesheet" type="text/css" href="Mpage.css"/>
</head>
<body>
<button id= "but" onclick="FM()" style="font-size:50px; background-color:blue; border:none">try me </button>
<div class="circle", style="color:#1c87c9"> text </div>
<script>
var cir=document.querySelector(".circle");
function FM(){
if(cir.style.backgroundColor == "yellow")
cir.style.backgroundColor = "#ccb22e";
else
cir.style.backgroundColor ="yellow";
}
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/517448.html
上一篇：為什么我的背景圖片不顯示？
下一篇：將8個按鈕放置成八角形