如何使用“this”更改javascript中的图像源？

我有一个id=image的div元素，最初没有背景图像。 我有另一个图像，当我在上面悬停时，会调用某个函数this。 现在，我想让这个函数将div的背景图像更改为悬停图像。 我正在做这样的事情

HTML: JS: 但它无论如何都不起作用，我只想用它来做这件事。

试试这段代码

函数元素 { var x=document.getElementById'image'； x、 style.backgroundImage=url'+element.src+' } 分部 HTML内联样式/属性中缺少一些

另外，在javaScript函数中使用backgroundImage+变量/字符串连接。还可以在图像div中添加默认的背景图像css样式

在javaScript中命名函数/变量时也使用camelCase。所以somefunction应该是somefunction

函数元素 { var x=document.getElementById'image'； console.log x、 style.backgroundImage='url'+element.src+； } 形象{ 高度：100px； 宽度：200px； 背景图像：无； 背景尺寸：封面； 背景重复：无重复； 边缘底部：15px； } 分部 函数元素{ var x=document.getElementById'image'； x、 style.backgroundImage=url'http://s9.tinypic.com/mb4bux_th.jpg' 控制台。logdiv的背景已更改 } 分部

---

试试x.style.backgroundImage=element.srcsthanking@Ab Mishra，正如SudhirBastakoti提到的，这段代码工作得非常好

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

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

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