js控制左菜单隐藏与显示

javaScript：

function dosome(){
            var disable=document.getElementById("left").style.display;
            var aaa = document.getElementById("aaa");
            var l = document.getElementById("left");
            var r = document.getElementById("right");
            if(disable==""){
                l.style.display="none";
                r.style.marginLeft='0px';
                aaa.value="显示";
            }else{
                l.style.display="";
                r.style.marginLeft='235px';
                aaa.value="隐藏";
            }
        }

注：<div id="left">菜单栏</div>

<div id="aaa">控制点</div>

<div id="right">主显示区</div>

关键在于CSS中的margin-left,margin-right,margin-top等属性用javascript控制需要转换为marginLeft等。