使用JavaScript更改元素的位置

Question

我正在建立Wordpress主題，但頁腳位置有問題。 索引頁很好，我在style.css中定義了“頁腳”的頁邊空白，女巫將bckimage保留為900px，將“ foot_sadrzaj”的頁邊保留為918px，因為“ foot_sadrzaj”保留了文本和圖像。 這里的鏈接： http : //casabianca.ba/test/

好吧，如果我轉到頁面，則頁面內容位於中，或者在顯示帖子時，位於中。 我編寫了一些JS代碼，以根據sadrzaj或sadrzaj_single的位置和高度（包含內容的元素）來更改頁腳和foot_sadrzaj的位置，但是它不起作用（例如： http ://casabianca.ba/test/novosti/） ....您能幫我找出原因嗎？

這是代碼：

var div = getElementById('sadrzaj');
var div2 = getElementById('sadrzaj_single');


if (div) {
    var z = div.style.offsetTop+div.style.offsetHeight;
    getElementById('footer').setAttribute(
            "style", "marginTop:" + z.toString() + "px");
    getElementById('foot_sadrzaj').setAttribute(
            "style", "marginTop:" + (z+18).toString() + "px");
}
else if (div2) {
    var z = div2.style.offsetTop+div2.style.offsetHeight;
    getElementById('footer').setAttribute(
            "style", "marginTop:" + z.toString() + "px");
    getElementById('foot_sadrzaj').setAttribute(
            "style", "marginTop:" + (z+18).toString() + "px");
}

Answer 1

如果可能，您可以嘗試使用jQuery。

jQuery有很多定位選項，包括CSS樣式。

http://api.jquery.com/css/