javascript - 如何使用 "this"更改 javascript 中的图像源？

Question

我有一个 id = "image"的 div 元素，最初没有背景图像。我有另一个图像，当我将鼠标悬停在该图像上时，会调用 somefunction(this) 。现在，我希望这个函数将该 div 的背景图像更改为悬停图像。我正在做这样的事情......

HTML:

<div id = "image"> a division </div>
<img class = "abc" onmouseover = somefunction(this) src ="someimage.jpg>

CSS:

#image{ background-image : url(''); }

JS:

function somefunction(element)
{
    var x = document.getElementById('image');
    x.style.background.src = element.src;
}

但它无论如何都不起作用，我想仅使用“this”来完成此操作。

Answer 1

试试这个代码

function somefunction(element)
	{
		var x = document.getElementById('image');
		x.style.backgroundImage = "url('"+element.src+"')"
	}

	<div id = "image"> a division </div>
	<img class = "abc" onmouseover="somefunction(this);" src="your path to file.PNG"/>