2 回答

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊
您的代碼中的問題可能與選擇有關(guān)。當(dāng)您使用時(shí),getElementsByClassName您將獲得一個(gè)元素?cái)?shù)組,而不是單個(gè)元素。因此,如果您將使用document.getElementsByClassName("hola")[0],您將獲得您的元素。
我認(rèn)為您應(yīng)該使用id而不是className,因?yàn)楫?dāng)您使用時(shí),document.getElementsByClassName("abc")您將獲得同一類的元素?cái)?shù)組。由于您在 2 個(gè)不同的頁面中使用它,并且可能對其他元素也使用相同的類,因此數(shù)組的順序可能不同,并且很難找到您的按鈕。
用于document.getElementById("someID")獲取特定元素,并對id兩個(gè)按鈕使用相同的元素(因?yàn)樗鼈兾挥诓煌捻撁嫔希@應(yīng)該不是問題)。
let button = document.getElementById("myRedBodyButton");
button.addEventListener('click', function() {
document.body.classList.add("red");
});
.red {
background: red
}
<button id="myRedBodyButton">clickMe</button>

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超10個(gè)贊
這是你要找的嗎?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="hello">BTN 1</button>
<script>
var ccc = document.querySelector("button#hello")
ccc.addEventListener('click', function() {
document.body.style.backgroundColor = 'red';
})
</script>
</body>
</html>
添加回答
舉報(bào)