我是 javascript 新手，正在嘗試將滑鼠懸停在導航上，以使其將導航欄的顏色更改為綠色。我撰寫了我認為可行的代碼，但什么也沒發生。整個html頁面的總長度很大，所以我只是添加了我認為會影響導航滑鼠懸停的代碼。我也在使用 getelementsbyclass[2] 因為它是該類的第三個元素。
<nav class="group" onmouseover="func1()">
<ol>
<li><a href="index.html">home</a></li>
<li><a href="artists.html">artists</a></li>
<li><a href="schedule.html">schedule</a></li>
<li><a href="venuetravel.html">venue/travel</a></li>
<li><a href="register.html">register</a></li>
</ol>
</nav>
<script src="_/js/myscript.js"></script>
<!--myscript.js-->
function func1() {
document.getElementsByClassName("group")[2].style.background-color = "green";
}
uj5u.com熱心網友回復：
在您的代碼中，有很多錯誤。第一個錯誤是在這一行myscript.js：
document.getElementsByClassName("group")[2].style.background-color = "green";
background-colorJavaScript DOM 中沒有屬性。相反，這是怎么會看：backgroundColor。所以，現在myscript.js應該是這樣的：
function func1() {
document.getElementsByClassName("group")[2].style.backgroundColor = "green";
}
第二個問題在同一行，document.getElementsByClassName("group")[2].style.backgroundColor = "green";。document.getElementsByClassName("group")將回傳一個包含所有類為 的元素的陣列group。在你的 HTML 代碼中，只有一個元素，<nav>標簽有這個類。由于陣列索引從 0 開始，因此沒有document.getElementsByClassName("group")[2]元素。0此陣列中僅存在索引為 的第一個元素。所以改變那個索引。現在，您的 JavaScript 代碼應如下所示：
function func1() {
document.getElementsByClassName("group")[0].style.backgroundColor = "green";
}
uj5u.com熱心網友回復：
首先，Javascript 語法將是
document.getElementsByClassName("group")[0].style.backgroundColor = "green"
使用您提供的代碼，我只是將("group")[3]更改為("group")[0]并且它可以正常作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/327696.html
標籤：javascript html css dom 鼠标悬停
下一篇：如何在div中創建div？