如何获取div距离浏览器顶部的高度，宽度，内容
展开全部
可以使用offset()方法来获取元素距离浏览器的边距，offset()
方法返回或设置匹配元素相对于文档的偏移（位置）。
工具原料：编辑器、浏览器
1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：
<body style="margin: 0;padding: 0;">
<div style="width: 200px;height: 200px;border: 1px solid red;margin-top:100px;"></div>
<script>
alert($('div').offset().top);
</script>
</body>
2、因为div距离顶部的距离是100像素，所以弹出的应该是100，如下图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS就可以获取了，
document.getElementById("DIV的ID或者其它选择").offsetTop;这是离顶部
JQ可以这样：
$("#aaa").offset().top; //jq获取aaa元素距离body的距离
document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据，包括标签。。。但是只是在IE和OPERA中使用
document.getelementbyid("ddhdh").innerTEXT 可以获取到div中的文本数据，不会获取到标签。。。但是只是在IE和OPERA中使用
document.getElementById(“text”).textContent 用于在火狐中获取数据
indexof用法
strObj.indexOf(subString，[ startIndex])
参数
strObj
必选项。String 对象或文字。
subString
必选项。要在 String 对象中查找的子字符串。
starIndex
可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。
indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。
document.getElementById("DIV的ID或者其它选择").offsetTop;这是离顶部
JQ可以这样：
$("#aaa").offset().top; //jq获取aaa元素距离body的距离
document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据，包括标签。。。但是只是在IE和OPERA中使用
document.getelementbyid("ddhdh").innerTEXT 可以获取到div中的文本数据，不会获取到标签。。。但是只是在IE和OPERA中使用
document.getElementById(“text”).textContent 用于在火狐中获取数据
indexof用法
strObj.indexOf(subString，[ startIndex])
参数
strObj
必选项。String 对象或文字。
subString
必选项。要在 String 对象中查找的子字符串。
starIndex
可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。
indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以使用offset()方法来获取元素距离浏览器的边距，offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。
工具原料：编辑器、浏览器
1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：
1
2
3
4
5
6
<body style="margin: 0;padding: 0;">
<div style="width: 200px;height: 200px;border: 1px solid red;margin-top:100px;"></div>
<script>
alert($('div').offset().top);
</script>
</body>
2、因为div距离顶部的距离是100像素，所以弹出的应该是100
工具原料：编辑器、浏览器
1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：
1
2
3
4
5
6
<body style="margin: 0;padding: 0;">
<div style="width: 200px;height: 200px;border: 1px solid red;margin-top:100px;"></div>
<script>
alert($('div').offset().top);
</script>
</body>
2、因为div距离顶部的距离是100像素，所以弹出的应该是100
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
