Question

我只是在使用javascript和HTML，但我无法解决一个错误。我创建了一个按钮，并在其上添加了eventLister，然后创建了一个简单的函数，该函数应该设置背景图像，但是它是未定义的

document.getElementById("failure").addEventListener("click" ,dang);
function dang(){
    let info =  prompt("Enter link to new IMG");
        document.querySelector(".upperDivImage").style.backgroundImage = `url(${info})`;
        console.log("gut")
}

Answer 1

这实际上有效。这是（您的代码的）工作示例。请注意，如果您使用div，则需要为其设置宽度和高度以使其显示

document.getElementById("failure").addEventListener("click", dang);

function dang() {
  let info = prompt("Enter link to new IMG");
  document.querySelector(".upperDivImage").style.backgroundImage = `url(${info})`;
  console.log("gut")
}

.upperDivImage {
  width: 200px;
  height: 200px;
  background-size: contain;
}

<div id="failure">click me</div>
<div class="upperDivImage" />

在JavaScript中编辑图片

1 个答案: