Question

我希望我的隐藏div将点击的div的背景图像显示为图像src。如何更改我的代码以实现该目标？最好的问候。

<div id="hidden_div"></div>

<!-- JavaScript -->
<script>
function func(element) {
var hidden = document.getElementById("hidden_div");
hidden.style.backgroundImage = element.style.backgroundImage;
}
</script>

Answer 1

对于非内联样式，您可以使用window.getComputedStyle：

来阅读它们

function func(element) {
    var hidden = document.getElementById("hidden_div");
    hidden.style.backgroundImage = window.getComputedStyle(document.getElementById(element), null).getPropertyValue("background-image");
}

Answer 2

我想你想在隐藏的div中添加一个<img>元素......对吗？

然后：

<!-- JavaScript -->
<script type="text/javascript">
function func(element) {
  var hidden = document.getElementById("hidden_div");
  // Create <img> element
  var imgElement = document.createElement("IMG"); // creating
  // backgroundImage contains url(path/to/image), we want to extract the quoted string
 imgElement.src=element.style.backgroundImage.replace('url(','').replace(')','');
 hidden.appendChild(imgElement);
}
</script>

使用JS使用另一个div的背景图像插入图像

2 个答案: