使用JavaScript更改元素的位置

使用JavaScript更改元素的位置,javascript,positioning,Javascript,Positioning,我正在构建一个Wordpress主题,我的页脚位置有问题。索引页很好,我在style.css“footer”的页边空白顶部定义,它将bckimage保持为900px,“foot_sadrzaj”的页边空白顶部保持为918px,因为“foot_sadrzaj”保存文本和图像。以下是链接: 好的,若我转到页面,页面的内容在中,或者,当显示帖子时,在中。我编写了一些JS代码,根据包含内容的元素的位置和高度来更改页脚和脚的位置(如这里:)。。。。你能帮我找出原因吗 下面是代码: var div = ge

我正在构建一个Wordpress主题,我的页脚位置有问题。索引页很好,我在style.css“footer”的页边空白顶部定义,它将bckimage保持为900px,“foot_sadrzaj”的页边空白顶部保持为918px,因为“foot_sadrzaj”保存文本和图像。以下是链接:

好的,若我转到页面,页面的内容在中,或者,当显示帖子时,在中。我编写了一些JS代码,根据包含内容的元素的位置和高度来更改页脚和脚的位置(如这里:)。。。。你能帮我找出原因吗

下面是代码:

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

如果可能,您可以尝试jQuery

jQuery有很多定位选项,包括CSS样式


只是建议jQuery没有多大用处我不知道jQuery,现在也没有时间。。。我的最后期限很紧,否则我会试图从头重写。。。无论如何。。