js中如何获取某个元素到浏览器最左和最右的距离_框架

js中获取某个元素到浏览器最左和最右的距离的程序代码是：

<!doctype ><><head><meta charset=UTF-8><style>

body{margin: 0;padding: 0;}

mdiv{width: 100px;height: 100px;background-color: red;}

</style></head><body><div class="page_speeder_585337571"></div><div></div><script src=jqueryjs></script> //自行下载<script>//原生//获取div距离顶部的距离

var mTop = documentgetElementsByClassName('banner')[0]offsetTop;

//减去滚动条的高度var sTop = documentbodyscrollTop;var result = mTop - sTop;consolelog(result);//Jquery

mTop = $('banner')[0]offsetTop;

sTop = $(window)scrollTop;

result = mTop - sTop;

consolelog(result);

</script></body>

1、打开编辑工具editplus，点击editplus菜单栏上的File-->New -->HTML page。

2、新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。

3、在body区域里添加了子，父，祖父三级div，代码如下。

4、演示代码写好后，打开浏览器，在浏览器上运行看看效果。

5、下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

6、实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时d出对话框告诉最后父级是zufu。

以上就是关于js中如何获取某个元素到浏览器最左和最右的距离全部的内容，包括:js中如何获取某个元素到浏览器最左和最右的距离、js获取父级元素、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

js中如何获取某个元素到浏览器最左和最右的距离