var s=380;
var minWidth=50;
var maxWidth=380;
function fold(){
var key = document.getElementById("key").innerText;
if(key=="收起"){
content.style.Width-=s;
if(content.style.Width>minWidth){
setTimeout("fold();",1);
}else{
    content.style.display="none";
document.getElementById("key").innerHTML="<li class='unfold'>展开</li>";
}
}else{
content.style.Width+=s;
if(content.style.Width<maxWidth){
setTimeout("fold();",1);
}else{
    content.style.display="";
content.style.Width="380";
document.getElementById("key").innerHTML="<li class='fold'>收起</li>";
}
}
}
上面的代码在其他浏览器中都可以用,但是FIREFOX不起作用,请帮看看哪里不支持呢?? 谢谢各位大侠了。。

解决方案 »

  1.   

    content.style.width
      

  2.   

    第一:FF下不支持innerText属性
    第二:style.width中的width要小写
    var s=380;
    var minWidth=50;
    var maxWidth=380;
    function fold(){
        var key = document.getElementById("key").innerHTML;
        if(key.indexOf("收起") != -1){
            content.style.width-=s;
            if(content.style.width>minWidth){
                setTimeout("fold();",1);
            }else{
                content.style.display="none";
                document.getElementById("key").innerHTML="<li class='unfold'>展开</li>";
            }
        }else{
            content.style.width+=s;
            if(content.style.width<maxWidth){
                setTimeout("fold();",1);
            }else{
                content.style.display="";
                content.style.width="380";
                document.getElementById("key").innerHTML="<li class='fold'>收起</li>";
            }
        }
    }
      

  3.   


    我将width的W改成小写了, IE和其他浏览器又不起作用了。...
      

  4.   

    content.style.Width="380";
    用字符串赋值?content.style.width=380;
      

  5.   

    你可以根据浏览器的不同来分别设置 if (window.navigator.userAgent.indexOf("Firefox")>=1)
    用width其他用Width,这是个中庸的方法
      

  6.   

    content.style.width=380 + 'px';