您的位置：首页 > Web前端 > JavaScript

js小实例(寻找并控制dom位置)

2008-12-02 09:58 295 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>无标题页</title>

<script type="text/javascript">

//寻找位置函数

function fp(o){l=o.offsetLeft;t=o.offsetTop;w=o.offsetWidth;h=o.offsetHeight;while(oo=o.offsetParent){l+=o.offsetLeft;t+=o.offsetTop}return {x:l,y:t,w:w,h:h}}

function f(o){

var p = fp(o);

var msg = "距左："+p.x+" 距顶："+p.y+" 宽："+p.w+" 高："+p.h;

alert(msg);

}

function c(o){

var p = document.getElementById(o);

p.style.left = '100px';

p.style.top = '100px';

}

</script>

</head>

<body>

<div id="div1" onclick="f(this)" style="position:absolute;width:300px;height:200px;background:#eef;">点击查看位置信息</div>

<div id="div2" onclick="c('div1')" style="position:absolute; left:300px;">点击改变位置</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航