用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設置背景大小？

回答

相關問題