我正在學習 JS，我知道我可以在 CSS 中做到這一點，但我想更改導航欄的背景顏色并且它不起作用......
var nav = document.querySelector('#nav');
nav.addEventListener('onhover', function(){
nav.background = "red"
});html,body{
background: cyan;
}
#nav{
background-color: orange;
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 20px 0;
}
li{
margin-left: 20px;
list-style: none;
}
li a{
color: black;
text-decaration: none;
}<section>
<div>
<ul id="nav">
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
</ul>
</div>
</section>詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情 詳情
uj5u.com熱心網友回復：
首先，text-decoration而不是text-decaration 更多hover，并且在javascript中沒有呼叫這樣的事件。
你需要onmouseenteror onmouseover，并且還要改變你需要寫這個Element.style.backgroundColor而不是這個的背景Element.backgroundColor，更多
nav.addEventListener('mouseover', function(){
nav.style.backgroundColor = "red";
});
//or
//nav.addEventListener('mouseenter', function(){
// nav.style.backgroundColor = "red";
//});
nav.addEventListener('mouseleave', function(){
nav.style.backgroundColor = "orange";
});
var nav = document.querySelector('#nav');
nav.addEventListener('mouseover', function(){
nav.style.backgroundColor = "red";
});
//or
//nav.addEventListener('mouseenter', function(){
// nav.style.backgroundColor = "red";
//});
nav.addEventListener('mouseleave', function(){
nav.style.backgroundColor = "orange";
});html,body{
background: cyan;
}
#nav{
background-color: orange;
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 20px 0;
}
li{
margin-left: 20px;
list-style: none;
}
li a{
color: black;
text-decoration: none;
}<section>
<div>
<ul id="nav">
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
<li>
<a href="#">
Link
</a>
</li>
</ul>
</div>
</section>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/421804.html
標籤：
上一篇：如何讓滑塊與特定部門一起顫動