JS 设置 DIV 的位置

来源：百度知道 编辑：UC知道 时间：2024/05/02 04:59:07
document.getElementById("test").style.top="215px";在IE可以这样设，但火狐这样设，设不了，请高手教教。
是FF和IE的不同，我知道，但是FF里该怎么写这个才能让它在两个浏览器下都正常 ？我开了一个空白的测试页，FF里还是不用能JS定义其TOP位置，我该怎么用JS写呢

JS语言是不能够直接修改DIV的位置的，因为位置属于该控件的样式，若想用JS这种脚本语言调整DIV的位置，需要调用DIV的style属性进行设置，也就是需要调整DIV的CSS样式表。修改分步骤：
1、获取到需要修改样式的元素；
2、设置调整。
修改的示例代码如下：
var div1 = document.getElementById('baiduSearch')；
div1.style.marginTop = '225px';

通常position的属性没有设置或设了默认值absolute，所以使用的都是静态属性，这样就可以直接通过给位置属性数值来更改元素位置。在js调用时，含‘-’的样式属性调用时需要先去掉‘-’并将下一个字母大写，下面列一下css样式表中常用到的位置属性：
top right left bottom margin padding
margin-top margin-right margin-left margin-bottom
padding-top padding-right padding-left padding-bottom

那不是js问题
是ff和ie解析不一样
你应该从css找问题。
比如你先建立一个html文件直接设置top属性，测试在ff和ie中的效果

var p = document.getElementById("div1");

p.style.position = "absolute";
p.style.left="100px";
p.style.top="100px";

position: absolute;