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";/*也可用百分比*/