用DOM设置背景大小？

Question

我想用以下代码设置background-size，但它没有做任何事情。我期待我的图像减少一半，但它沿着两个轴仍然是100％？

var BG_IMG_TAG = document.getElementById("body");       
    BG_IMG_TAG.setAttribute("style", "background-size: 50% 50%;");

这是我的css表

body
{   
    background-image:url('image.jpg');
    background-repeat:repeat;       
}

Answer 1

使用style属性，如果要为id作为body的元素应用样式，请使用

var BG_IMG_TAG = document.getElementById("body");       
    BG_IMG_TAG.style = "background-size: 50% 50%";

如果您想将样式应用于body代码，那么您应该使用，因为在您的代码中，您使用的是getElementById()，id选项body body代码

var BG_IMG_TAG = document.body;       
    BG_IMG_TAG.style = "background-size: 50% 50%";

或尝试使用您自己的代码

var BG_IMG_TAG = document.body;       
    BG_IMG_TAG.setAttribute("style", "background-size: 50% 50%;");