Javascript 将图像设置为背景

我想制作一个有一些图像的站点，当我点击一个图像时，我希望它成为站点的背景图像，有什么建议吗？

大致如下：

<img src="myimage.jpg" onClick="document.body.style.backgroundImage = 'url('+this.src+')';;" />

---

大致如下：

<img src="myimage.jpg" onClick="document.body.style.backgroundImage = 'url('+this.src+')';;" />

---

这可以通过以下方式轻松完成：

jQuery：

$(function(){
    $("#imageId").click(function() {
        var myImage = $("img", this).attr("src");
        $("body").css("background", "url('" + myImage + "')");
    });
});

---

这可以按照以下步骤轻松完成：

jQuery：

$(function(){
    $("#imageId").click(function() {
        var myImage = $("img", this).attr("src");
        $("body").css("background", "url('" + myImage + "')");
    });
});

---

如果您知道如何使用JQuery，这应该很容易：

$('#divTagId').click(function()
{
  $("html").css("background-image", "url(/myimage.jpg)");  
});

---

如果您知道如何使用JQuery，这应该很容易：

$('#divTagId').click(function()
{
  $("html").css("background-image", "url(/myimage.jpg)");  
});

---

+1我正要在我的答案中键入一个香草Javascript解决方案，但实际上没有意义。+1我正要在我的答案中键入一个香草Javascript解决方案，但实际上没有意义。正如Kolink所指出的，这个问题没有标记为jQuery。没错，但不管怎样，否决它似乎有点苛刻。现在很难将javascript与jQuery分离……正如Kolink所指出的，这个问题并没有标记为jQuery。没错，但不管怎样，否决它似乎有点苛刻。现在很难将javascript与jQuery分离。。。