如何获取div距离浏览器顶部的高度，宽度，内容

可以使用offset()方法来获取元素距离浏览器的边距，offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

工具原料：编辑器、浏览器

1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：

2、因为div距离顶部的距离是100像素，所以d出的应该是100，如下图：

<style type="text/css">

#div1{width:100px;height:100px;}

<style>

<div id="div1">1212</div>

<div id="div2">3434</div>

<script>

function getStyle(obj,attribute){//获取样式

return objcurrentStyleobjcurrentStyle[attribute]/ie/:documentdefaultViewgetComputedStyle(obj,null)[attribute]/ie9 火狐 谷歌/;

}

var div1 = documentgetElementById("div1");

var div2 = documentgetElementById("div2");

var wid = getStyle(div1,"width")

div2onmouseover = function(){//鼠标移到div2时设置宽度

thisstylewidth = wid;

};

</script>

以上就是关于如何获取div距离浏览器顶部的高度，宽度，内容全部的内容，包括:如何获取div距离浏览器顶部的高度，宽度，内容、js 获取DIV宽 并赋值给另一个DIV、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！