js获取到文档顶部，js获取上一层标签

求教js如何获取元素到浏览器顶部的距离

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

2、在index.html中的标签，输入jquery代码：(body).append($(div).offset().top - $(window).scrollTop())；浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

3、就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

相关问答

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

1、在网页点击鼠标右键，选择审查元素(检查)，然后可以选择你要看的元素，右下角会有盒子模型，就可以看到了。

2、只要获取里面的top数据就行了。使用log方法，把数据输出到浏览器的控制台。运行页面，看到现在的按钮位置。距离顶部估计是500px左右吧，点击一下这个按钮。然后看一下控制台上的数据，得到距离为439的像素。

3、如何获得DIV的真实高度 styletype= 宽度：200px 背景色：#FF0000 } 右框{ 浮动：左；宽度：200px 背景色：#FFFF00 } 。

4、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

Q2: 父元素以relative方式定位的子元素怎么用js获取子元素到网页顶部的...

1、offsetLeft就能知道元素到顶部的距离。

2、relative相对定位，是相对于元素本应放在那里的一个偏移量，left，right，top，bottom属性可以使用，值默认为0，没有设置这些属性的话，和使用static放的位置是一样的，可以最为absolute的子元素的参考坐标。

3、在访问的时候要按数组的形式访问。var b =document.getElementById(test).childNodes；使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

4、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

5、原生方法：元素parentNode，返回元素的第一个父节点。Jquery方法：元素parent()，返回元素的第一个父节点。元素parents()，返回一个包含元素所有父节点的数组。

6、并相对于其包含块定位。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。要子容器自适应高度，就不能用position：absolute； 你可以用 相对定位（position：relative；）来确定子容器的位置。

Q3: 怎么用js获取到外部样式表写的高度为auto的div的真实高度呢?

1、rightcol.style.height=maxheightpx }上面的代码是获取3个DIV的高度，判断最高DIV的高度值，使另外两个较短DIV的高度等于最高的DIV。自己想清楚很简单。

2、js判断div高度。显示超出固定高度的滚动条，只需设置overflowY= document.getelementbyid(卷轴)，style.overflowY= 获取div的高度。如果得不到，可以用下面的方法。

3、document.getElementById(div).offsetHeight；这个是获取元素高度。

4、/div当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了，但容器main的高度还是不能撑开。我们可以通过三种方法来解决这个问题。

5、然后赋值给另外的div 假设div根据浏览器大小改变时跟着自适应改变。 那么js就写在浏览器视窗改变时，获取div的高度值，然后赋值给需要的div。

6、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通 过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

js获取到文档顶部的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取上一层标签、js获取到文档顶部的信息别忘了在本站进行查找喔。