用DOM设置背景大小？

我想用下面的代码设置background-size，但它没有做任何事情。我期待我的形象减少一半，但它仍然是100％的两个轴？用DOM设置背景大小？

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;  
}

来源

2014-02-15 pandoragami

似乎这里是一个问题尝试。您正在使用'document.getElementById（“body”）''查找带有id =“body”的元素，然后您的CSS引用'body'，这是''标签。你需要决定你正在使用哪一个。如果您希望两者都是''标记，那么使用'document.body'而不是'document.getElementById（“body”）''。 – jfriend00

使用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%;");

来源

2014-02-15 06:16:14

我想，但是什么时候使用'setAttribute'，然后使用这些样式表的解决方案？ – pandoragami

'var BG_IMG_TAG = document.getElementById（“body”）; '不起作用'var BG_IMG_TAG = document.body; '这很有效。 – pandoragami

用DOM设置背景大小？

回答

相关问题