js设置DIV属性

  //控制内容  
    function settext() 
    { 
        var el=document.getElementById("testdiv"); 
        el.innerHTML="测试数据！"; 
    } 
    //控制位置  
    function setlocation() 
    { 
        var el=document.getElementById("testdiv"); 
        el.style.top="100px"; 
        el.style.left="100px"; 
    } 
    //设置背景色  
    function setbrcolor() 
    { 
        var el=document.getElementById("testdiv"); 
        el.style.backgroundColor="#997788"; 
    } 
    //设置背景图  
    function setbrimg() 
    { 
        var el=document.getElementById("testdiv"); 
        el.style.backgroundImage="url(img.jpg)"; 
    } 
    //设置字体  
    function setfont() 
    { 
        var el=document.getElementById("testdiv"); 
        el.style.color="#FFFFFF"//设置字体  
        el.style.fontSize="15px"; 
        el.style.fontWeight="bold"; 
    } 
    //设置calss样式  
    function setcss() 
    { 
        var el=document.getElementById("testdiv"); 
        el.className="test"; 
    } 
    //获得键盘按键并操作DIV上下左右移动 top left 必须加px  
    function GetKey(e) 
    {  
        var el=document.getElementById("testdiv");//获得DIV        
        e=e||event;//兼容IE FF  
        var Key=e.keyCode||e.which||e.charCode;//获得键盘码  
        //alert(Key);//弹出KEY值  
        if(Key=="39")//右  
        {             
            el.style.left=(parseInt(el.style.left==""?"0":el.style.left)+1)+"px"; 
        }else if(Key=="37")//左  
        { 
            el.style.left=(parseInt(el.style.left==""?"0":el.style.left)-1)+"px"; 
        }else if(Key=="38")//上  
        { 
            el.style.top=(parseInt(el.style.top==""?"0":el.style.top)-1)+"px"; 
        }else if(Key=="40"){//下  
         
            el.style.top=(parseInt(el.style.top==""?"0":el.style.top)+1)+"px"; 
        }         
    } 
    document.onkeyup = GetKey;//附加键盘按下事件
//控制宽度和高度
var el = document.getElementById("testdiv");
el.style.width="10px";/*也可用百分比*/
el.style.heigth="10px";/*也可用百分比*/