我试图在用户滑过链接时换掉 div 上的背景图像。
我做错了什么？这不起作用。
<style>
#divToSwap {
background-image: url(black.jpg);
height: 150px;
width: 150px;
}
</style>
</head>
<body>
<div id="divToSwap"></div>
<div>
<ul>
<li><a href="#"
onmouseover="document.getElementById('divToSwap').backgroundImage='url(red.jpg)';"
onmouseout="document.getElementById('divToSwap').backgroundImage='url(black.jpg)';">
Red</a></li>
<li><a href="#"
onmouseover="document.getElementById('divToSwap').backgroundImage='url(blue.jpg)';"
onmouseout="document.getElementById('divToSwap').backgroundImage='url(black.jpg)';">
Blue</a></li>
<li><a href="#"
onmouseover="document.getElementById('divToSwap').backgroundImage='url(green.jpg)';"
onmouseout="document.getElementById('divToSwap').backgroundImage='url(black.jpg)';">
Green</a></li>
</ul>
</div>
最佳答案
尝试，例如
document.getElementById('divToSwap').style.backgroundImage='url(black.jpg)';
关于javascript - 链接翻转时 DIV 背景图像交换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20050080/