求助：JS添加float属性页面无效果？

cwq2jxl

在页面最底下添加如下JS

1. 
   
2.   <script type="text/javascript">
   
3.         function setHeight(){
   
4.                var panelChild =document.getElementById("ctl00_ContentPlaceHolder1_userDefinedPanel").childNodes [0].childNodes[0];
   
5.                panelChild.style.float="left";
   
6.         }       
   
7. setHeight();               
   
8.     </script>

复制代码

运行后查看该节点，发现style:"float:left"正确添加上去了。但是相应的浮动效果却没有？是不是添加晚了？还是由于什么机制而导致没效果呢。。求助。。
PS：问题是发生在IE6里面！

[[i] 本帖最后由 cwq2jxl 于 2011-6-28 13:19 编辑 ]

bibi8451

<script type="text/javascript">
        function setHeight(){
               var panelChild =document.getElementById("ctl00_ContentPlaceHolder1_userDefinedPanel").childNodes [0].childNodes[0];
               panelChild.style="float:left";
        }   
setHeight();        
    </script>

cwq2jxl

照你的方法节点里原本显示的float:left属性也没了。。。

eastnx

float是js的保留字，你需要判断下浏览器在ie下float写成styleFloat，其他浏览器下float写成cssFloat
if(!-[1, ]){
panelChild.style.styleFloat="left";
}else{
panelChild.style.cssFloat="left";
}

[[i] 本帖最后由 eastnx 于 2011-6-28 16:39 编辑 ]

renyiqiou

在js外再加一层div，进行float

hero777

关注一下，js添加子元素再赋css样式 ie6有问题

xiaoweixiaoxu

估计是javascript保留字的问题！