javascript之dom编程（4）：常用对象3
一：body对象操作
1.概念
body对象是document对象的一个成员属性,通过document.body来访问.
使用body对象，要求文档的主体创建后才能使用,也就是说不能在
文档的body体还没有创建就去访问body,
2.Body常用属性：
appendChild() 添加元素
removeChild() 删除元素
getElementsByTagName() 通过html元素名称,得到对象数组.
bgColor 文档背景色
backgorund 文档背景图
innerText 某个元素间的文本
innerHtml 某个元素间的html代码
onload事件 文档加载时触发
onunload事件 文档关闭时触发
onbeforeunload事件 文档关闭前触发
二：网页广告栏案例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="div1" style="LEFT: 100px; POSITION: absolute;
TOP: 0px"><img src="img/face.jpg"/></div>
<script language="javascript" type="text/javascript">
<!--
//向x轴方向移动
var divX=1;
//向y轴方向移动
var divY=1;
//开始图片的位置
var posX=0;//div的x坐标
var posY=0;//div的y坐标
function move(){
//横纵坐标加2
posX+=2*divX;
posY+=2*divY;
div1.style.top=posY+"px";
div1.style.left=posX+"px";
if(posX<=0||posX+div1.offsetWidth>=document.body.clientWidth){
//改变方向
divX=-divX;
}
if(posY<=0||posY-div1.offsetHeight*2>=document.body.clientHeight){
divY=-divY;
}
}
//设置定时器
setInterval("move()",10);
//-->
</script>
</body>
</html>
版权声明：博主原创文章，转载请说明出处。http://blog.csdn.net/dzy21