style对象应用
来源：互联网 发布：游族网络 总经理 编辑：程序博客网 时间：2024/05/16 05:55
<html><head><title>中国风</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script language="JavaScript">function changeTable(){// 改变表格的属性t1.style.borderLeft="solid red 2px";t1.style.borderRight="solid blue 2px";}function resetTable(){// 还原表格的属性t1.style.borderLeft="solid blue 1px";t1.style.borderRight="solid red 1px";}</script></head><body id="BD" style="background:url(http://www.baidu.com/img/bdlogo.gif) repeat fixed;"><form><input type="button" value="背景图像滚动" onclick="JavaScript:BD.style.backgroundAttachment='scroll'"><p><input type="button" value="背景图像固定" onclick="JavaScript:BD.style.backgroundAttachment='fixed'"><p><input type="button" value="清除背景图像" onclick="JavaScript:BD.style.backgroundImage=''"><p><input type="button" value="添加背景图像" onclick="JavaScript:BD.style.backgroundImage='url(http://www.baidu.com/img/bdlogo.gif)'"><p><input type="button" value="还原背景初始设置" onclick="JavaScript:BD.style.background='url(http://www.baidu.com/img/bdlogo.gif)'"><p><input type="button" value="改变表格边框属性" onclick="changeTable()"><p><input type="button" value="还原表格边框属性" onclick="resetTable()"></form><table id="t1" style="border-left:solid blue 1px; border-right:solid red 1px; padding:10px; spacing:10px;"><tr><td>中国风</td><td>中国风</td><td>中国风</td><td>中国风</td></tr></table><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></body></html>
