首页 / JAVASCRIPT / Javascript修改所有绝对定位的元素

Javascript修改所有绝对定位的元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript修改所有绝对定位的元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含768字，纯文字阅读大概需要2分钟。

内容图文

实际上,我需要在JS中进行的操作是将所有绝对定位的元素下移x个像素.我是否需要遍历每个元素并尝试确定它们的位置是否绝对？或者,还有更好的方法？

谢谢,
马拉

更新：特定：我正在使用小书签将JS注入到任何页面上-因此,我无法以任何方式更改标记或实际的CSS文件.除其他事项外,此小书签应将所有绝对定位的元素下移155个像素.

解决方法:

这样的事情应该做到：

function getStyle(el, prop) {
  var doc = el.ownerDocument, view = doc.defaultView;
  if (view && view.getComputedStyle) {
    return view.getComputedStyle(el, '')[prop];
  }
  return el.currentStyle[prop];
}
var all = document.getElementsByTagName('*'), i = all.length;
while (i--) {
  var topOffset = parseInt(all[i].style.top, 10);
  if (getStyle(all[i], 'position') === 'absolute') {
    all[i].style.top = isNaN(topOffset) ? '155px' : (topOffset + 155) + 'px';
  }
}

内容总结

以上是互联网集市为您收集整理的Javascript修改所有绝对定位的元素全部内容，希望文章能够帮你解决Javascript修改所有绝对定位的元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/686881.html

来源：【匿名】