调用CSS属性[例如:element.style.padding]

用户名

请帮我。我想调用css文件中的css属性,但是得到空值。

<style>
#a {padding:10px;}
</style>
<div id="a"></div>
<div id="b" style="padding:10px;"></div>
<script>
alert(document.getElementById('a').style.padding);//''
alert(document.getElementById('b').style.padding);//'10px'
</script>

jsfiddle.net

鲁斯马斯

您不能以这种方式获取简写属性,但是可以使用以下方法:

alert(window.getComputedStyle(document.getElementById("a"), null).getPropertyValue("padding-top"));

更新了jsFiddle

编辑以添加来自BYossarians评论的链接:

https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement.style

概要:

返回一个表示元素的style属性的对象。

https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle

概要:

在应用活动样式表并解析这些值可能包含的任何基本计算之后,getComputedStyle()会给出元素的所有CSS属性的值。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS-为什么-webkit-padding在list-style-type:none;之后不消失?

来自分类Dev

CSS:了解padding语句

来自分类Dev

padding属性是在CSS中继承的吗

来自分类Dev

ComboBox 的 Padding 属性在哪里?

来自分类Dev

如何依次增加Hierarchy结构的Padding属性的CSS值?

来自分类Dev

DataGridViewCellStyle.Padding属性不填充?

来自分类Dev

DataGridViewCellStyle.Padding属性不填充?

来自分类Dev

HTML body 元素是否有 padding 属性?

来自分类Dev

CSS网格不受padding-bottom的影响

来自分类Dev

CSS padding-bottom无法正常工作

来自分类Dev

Select element with certain style?

来自分类Dev

在CSS / HTML中停用“ element.style”?

来自分类Dev

Change ftp css style

来自分类Dev

Xamarin Android Style Xml属性

来自分类Dev

获取 html 标签的 style 属性

来自分类Dev

如何删除 element.style

来自分类Dev

具有padding-left属性的DIV被推到右侧

来自分类Dev

具有padding-left属性的DIV被推到右侧

来自分类Dev

jsFiddle中的空白element.style.width属性

来自分类Dev

使用样式属性的对象设置element.style

来自分类Dev

Style对象不能影响其应用的对象的Style属性

来自分类Dev

css将整个li元素悬停在padding上

来自分类Dev

内联块顶部的CSS Padding(?)弄乱了我的div内容

来自分类Dev

在React Style或CSS中的if / else

来自分类Dev

CSS代码是否初始化DOM对象的.style属性?

来自分类Dev

使用JavaScript的Echo CSS Style.overflow属性

来自分类Dev

使用JavaScript的Echo CSS Style.overflow属性

来自分类Dev

分配样式以响应组件,例如javascript element.style.width = width语法

来自分类Dev

在style.css中引用sdk定义,例如color.dart