[英]Javascript - how to change specific div background image using css and JS
[英]Using JS to change the URL of a div background image, but it links to the CSS style sheet not the image
我正在尝试使用JavaScript将div的background-image属性更改为不同的URL,编写一个函数来执行此操作,并使用onHover事件调用该函数。 但是,它不能按我希望的方式运行,检查Firefox开发人员工具显示该URL实际上是我正在使用的样式表。 关于什么可能导致此的任何想法?
HTML
这就是我所谓的函数。
<img class = "preview" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon3.jpg" alt = "Young Puppy" onmouseover = "upDate(this)" onmouseout = "unDo()">
这是我要编辑的div。
<div id = "image">
Hover over an image below to display here.
</div>
Javascript
function upDate(previewPic){
document.getElementById(image).style.backgroundImage = "url('" + previewPic.src + "')";
}
我认为您忘记了getElementById
上的'
function upDate(previewPic){
document.getElementById('image').style.backgroundImage = "url('" + previewPic.src + "')";
}
您的错别字不是无效的,但它会查找image
变量的内容。 喜欢:
function upDate(previewPic){
// Identical result using a variable
let image_id = 'image';
document.getElementById(image_id).style.backgroundImage = "url('" + previewPic.src + "')";
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.