js访问CSS属性

点语法
```
box.style.width
box.style.height
box.style.top
```
得到带有单位的属性值，比如200px；但是，点语法有一个很致命的问题，跟在style后面的属性不能由外部传入。
比如：
```
var h = 'height';
box.style.h = 300 + 'px';
无法设置box的高度
```
下标语法：这种语法的好处是可以动态传递参数作为属性
比如：
```
var h = 'height';
box.style[h] = 300 + 'px';
进行设置box的高度
```

JS获取CSS的样式

问题
在开发中，我们想要获得CSS样式，通常采用：box.style.top、box.style.backgroundColor等，但是这种方式只能获得行内样式，无法获得业内样式或者外部样式表中的定义的属性，如何解决？

解决
在IE和Opera浏览器中，使用：

obj.currentStyle

在W3C标准浏览器中，使用：

window.getComputeStyle("元素","伪类")
注意：两个选项是必须的，没有伪类用null代替

兼容写法

getStyleAttr: function (obj, attr) {if (obj.currentStyle) { // IE 和 operareturn obj.currentStyle[attr];} else {return window.getComputedStyle(obj, null)[attr];}
},

Javascript：访问和设置CSS属性相关推荐

javascript操作html元素CSS属性
以下先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .or ...
Js 设置css属性
用JS来动态设置CSS样式(设置成行内样式),常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAli ...
css 更改text样式,JavaScript 中用 cssText 设置 CSS 样式
如果网页中一个 id 为"id1"的标签: 想要在 JavaScript 中设置这个元素的 CSS 样式,很一般的做法是:var obj = document.getElement ...
通过设置CSS属性来实现鼠标悬浮放大或缩小区域
HTML+CSS设置鼠标悬浮区域放大 1.功能介绍代码分析 1.功能介绍通常我们在做前端网页时,当鼠标悬浮在一张图片或者一个DIV上时,想增添一些东湖效果,比如放大等.不废话直接上代码. CSS代 ...
JQuery 设置删除属性设置删除class 设置删除css
1.设置删除属性 $('#img').attr("src", "./images/img1.jpg"); $('#img').removeAttr(" ...
jQuery - 获取并设置 CSS 类、尺寸
jQuery - 获取并设置 CSS 类通过 jQuery,可以很容易地对 CSS 元素进行操作. jQuery 拥有若干进行 CSS 操作的方法: addClass() - 向被选元素添加一个或多 ...
DOM进阶之CSS属性操作
CSS操作属性,指的是使用JavaScript来操作一个元素的CSS样式.在JavaScript中,CSS属性操作同样有两种, 获取CSS属性值设置CSS属性值 1.获取CSS属性值语法: get ...
antd 设置表头属性_解决react使用antd table组件固定表头后，表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
一.固定表头后表体列和表头不对齐此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决. 按照官网说的: 1 ...
css：css属性pointer-events实现点击穿透
文档 https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events pointer-events CSS 属性指定在什么情况下 (如果 ...
JQuery中的CSS属性及操作
目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...

Javascript：访问和设置CSS属性

js访问CSS属性

JS获取CSS的样式

Javascript：访问和设置CSS属性相关推荐

最新文章

热门文章