//控制内容

function settext()

{

var el=document.getElementById("testdiv");

el.innerHTML="测试数据！";

}

//控制位置

function setlocation()

{

var el=document.getElementById("testdiv");

el.style.="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上下左右移动 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.=(parseInt(el.style.==""?"0":el.style.)-1)+"px";

}else if(Key=="40"){//下

el.style.=(parseInt(el.style.==""?"0":el.style.)+1)+"px";

}

}

document.onkeyup = GetKey;//附加键盘按下事件

//控制宽度和高度

var el = document.getElementById("testdiv");

el.style.width="10px";/*也可用百分比*/

el.style.heigth="10px";/*也可用百分比*/

看过该Java开发的还看过

• 高中毕业可以学武汉北大青鸟Java课程吗?
• 武汉北大青鸟Java前景怎么样？
• Java程序员的就业前景怎么样？
• 学会Java工程师后的就业前景如何？
• Java和C++之间的区别以及它们的就业前景

本文标题：Java Script 设置DIV属性，责任编辑：宏鹏，来源：武汉北大青鸟鲁广校区栏目，于2012-12-05 10:03:48发布于北大青鸟鲁广校区。Java Script 设置DIV属性。