首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

原生JavaScript获取元素的margin外边

最近想找一个可以获取元素高度(包括外边margin)的方法,原生JS的实现方法一直没有找到,不过有一个方法可以获取元素的边,记录一下: 语法是(获取元素的属性值): getComputedStyle... my_div = document.getElementById("myDiv"); let style = window.getComputedStyle(my_div, null); 获取元素的上边... getComputedStyle(div, null);     alert(computedStyle.marginTop); 为了实现IE和火狐、谷歌的兼容,JS...computedStyle = div.currentStyle;//兼容IE的写法     }     alert(computedStyle.marginTop); 这样就能弹出 div 的上边了...getComputedStyle 和 style 异同 getComputedStyle 和 element.style 的相同点就是二者返回的都是 CSSStyleDeclaration 对象,相应属性值得时候都是采用的

9K10

【前端】:margin

[2个auto] 如果某一边的外边和 width 为 auto,则设置为 auto 的那个外边等于 0。...百分数外边、内边值是相对于父元素的内容区宽度计算。 如果height=auto,那么默认的高度是从最上边那个块级子代元素的上边框外侧到最下边那个块级子代元素的下边框外侧之间的距离。...因此,子元素的外边“游离”在所属元素的外部。 如果块级元素有上内边或下内边,或者有上边框或下边框,那么高度是从最上边那个子元素的上外边的外边界到最下边那个子元素的下外边的外边界之间的距离。...在正常流中相邻(兄弟或父子关系)块级元素的外边,组合在一起编程单个外边,而且只有上下外边才会有这种特性。...两个都是正数,较大的值; 两个都是负数,绝对值较大的值; 一正一负,两个值相加的和; 对于行内非替换元素,margin-top、border-top、padding-top、margin-bottom

1.1K10

小程序快速入门教程 1.2 WXML 和 WXSS

WXML 模板 从事过网页编程的人知道,网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML...是⽤来描述当前这个⻚⾯的结构,CSS ⽤来描述⻚⾯的样⼦,JS 通常是⽤来处理这个⻚⾯和⽤户的交互。...这样的组合,其中 HTML 是⽤来描述当前这个⻚⾯的结构,CSS ⽤来描述⻚⾯的样⼦,JS 通常是⽤来处理这个⻚⾯和⽤户的交互。...内边属性(Padding),就是这个⻓⽅形的边框与⻓⽅形⾥⾯的内容之间的距离,有上边,右边、下边、左边这个四个内边,分别为padding-top,padding-right,paddingbottom...边属性(Margin)就是这个⻓⽅形的边框与⻓⽅形外⾯的内容之间的距离,同样也有上边margin-top,右边margin-right,下边margin-bottom,左边margin-left

1.8K20
领券