找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4246|回复: 6

求助:JS添加float属性页面无效果?

[复制链接]
发表于 2011-6-28 12:58:18 | 显示全部楼层 |阅读模式
在页面最底下添加如下JS

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

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

[[i] 本帖最后由 cwq2jxl 于 2011-6-28 13:19 编辑 ]
发表于 2011-6-28 13:11:59 | 显示全部楼层
<script type="text/javascript">
        function setHeight(){
               var panelChild =document.getElementById("ctl00_ContentPlaceHolder1_userDefinedPanel").childNodes [0].childNodes[0];
               panelChild.style="float:left";
        }   
setHeight();        
    </script>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-6-28 13:19:20 | 显示全部楼层

回复 2# bibi8451 的帖子

照你的方法节点里原本显示的float:left属性也没了。。。
回复 支持 反对

使用道具 举报

发表于 2011-6-28 15:39:19 | 显示全部楼层
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 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2011-6-29 07:46:49 | 显示全部楼层
在js外再加一层div,进行float
回复 支持 反对

使用道具 举报

发表于 2011-6-29 08:00:04 | 显示全部楼层
关注一下,js添加子元素再赋css样式 ie6有问题
回复 支持 反对

使用道具 举报

发表于 2011-6-29 22:27:50 | 显示全部楼层
估计是javascript保留字的问题!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-4-16 16:33 , Processed in 0.057475 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表