获取margin-top
时间: 2023-10-16 10:10:07 浏览: 39
要获取一个元素的 margin-top 属性,可以使用 JavaScript 中的 getComputedStyle() 方法。
例如,如果要获取 id 为 myElement 的元素的 margin-top 属性,可以使用以下代码:
```javascript
const element = document.getElementById("myElement");
const styles = window.getComputedStyle(element);
const marginTop = styles.getPropertyValue("margin-top");
console.log(marginTop);
```
这将返回一个字符串,表示元素的 margin-top 属性的值,例如 "10px"。
相关问题
jquery获取margin-top
可以使用以下代码来获取元素的 `margin-top` 属性值:
```
var marginTop = parseInt($('#element').css('marginTop'));
```
其中 `#element` 是你要获取属性值的元素的选择器。这里使用 `parseInt()` 函数将获取到的属性值转换为整数类型,以便进行数值计算。
动态设置margin-top
可以使用JavaScript来动态设置元素的margin-top属性,例如:
```
// 获取元素
const element = document.getElementById('my-element');
// 设置margin-top为20px
element.style.marginTop = '20px';
```
这将把ID为“my-element”的元素的margin-top设置为20像素。你也可以使用其他单位,如em或rem。