使用 getElementById 提取 CSS 数据
Pulling CSS data using getElementById
我正在尝试从元素中提取CSS数据,但由于某种原因我碰壁了。我一直盯着并试图调整同一行代码一个小时,但我不断得到未定义或 NaN。
这是缩写的js:
var newVar = document.getElementById("cssItem").style.top;
该 css:
#cssItem {
position: absolute;
top: 100px;
left: 100px;
width: 600px;
height: 400px;
}
同样,每次我登录 newVar 时,它都会返回未定义或 NaN。
Node.style
仅适用于内联样式。如果要获取渲染样式,请使用以下命令:
var newVar = window.getComputedStyle( document.getElementById("cssItem") ).top;
这是小提琴:http://jsfiddle.net/q93B6/
相关文章:
- CSS-如何定位内容数据标题
- 有没有一种方法可以仅使用HTML/CSS来隐藏基于特定值的数据单元格
- 带有CSS的数据属性就没那么有用了
- 是否可以使用CSS分配数据属性
- 使用attr()和数据标记操作css
- 循环并用parseJSON数据替换CSS
- "数据表”;jquery加载后CSS样式消失
- 圆环饼图中数据标签的自定义CSS类
- 是否可以在CSS中为JS设置数据,以了解某些媒体查询正在应用
- 在javascript中从css中查找数据
- CSS 为 JSON 数据添加两行字符
- 如何通过 KNOCKOUT 中的数据绑定值更改 css 中规则的值
- CSS选择器代码,用于从棘手的网站抓取/解析数据
- HTML/CSS/JavaScript:如何根据数据更改表格行的颜色
- HTML/CSS:来自原始图像数据的背景图像,而不是网址
- 应该很简单:当转到另一个页面时,如何在基本javascript/css/html页面上保留数据
- 单击轨道按钮以永久更改数据模型和 css
- 自定义数据类型,css和javascript
- 从数据编号更改 css
- 如何更改 jquery UI 数据选择器的样式 (CSS)