使用JavaScript读取html / body标签margin-top

Question

我正在尝试从<html>和<body>标签中读取“marginTop”样式属性。 Chrome开发人员工具通过HTML-CSS显示设置的margin-top：

<style type="text/css" media="screen">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>

但是，当我尝试这样的事情时：

console.debug(document.getElementsByTagName('html')[0].style.marginTop);
console.debug(document.getElementsByTagName('body')[0].style.marginTop);

在这两种情况下我都得到空字符串。

jQuery的offset()函数正确检测边距。 不幸的是，在这种情况下我不能使用jQuery，它必须是纯JavaScript。

如果有人能够提供一些关于如何从html和body元素中读取top margin属性的信息，我将不胜感激。

Answer 1

你可以用以下方法解决它：

var element = document.getElementsByTagName('html')[0],
    style = window.getComputedStyle(element),
    marginTop = style.getPropertyValue('margin-top');

的jsfiddle

Answer 2

该document已经有关于body元素的知识，因此：

window.getComputedStyle(document.body).getPropertyValue('margin-top');

使用JavaScript读取html / body标签margin-top

问题描述

2 个解决方案

解决方案1
9 已采纳 2013-01-02 11:54:04

解决方案2
1 2018-07-10 10:27:56

使用JavaScript读取html / body标签margin-top

问题描述

2 个解决方案

解决方案1 9 已采纳 2013-01-02 11:54:04

解决方案2 1 2018-07-10 10:27:56

解决方案1
9 已采纳 2013-01-02 11:54:04

解决方案2
1 2018-07-10 10:27:56