JS获取和修改元素样式的实例代码
更新时间：2016年08月06日 09:15:42 投稿：jingxian
下面小编就为大家带来一篇JS获取和修改元素样式的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
1、获取元素样式：
可以通过元素的style属性，获取元素行内样式。style属性是一个对象，包括一系列样式属性。例如：color, backgourdColor。
上面讲的通过style属性获取元素样式，不推荐使用。
下面的一段代码，可以获取元素运行时的样式，即全局的样式。这种方式可以动态获取元素的样式，例如元素大小。
// node：将要获取其计算样式的元素节点
// attr: 样式属性名称
function getCurrentStyle(node, attr) {
var style = null;
//dom标准方式
if(window.getComputedStyle) {
style = window.getComputedStyle(node, null);
}
else{
style = node.currentStyle; //ie方式
}
return style[attr];
}
2、修改元素样式
直接通过元素的style属性，例如： p.style.backgroundColor = "red"
注意：当通过上面方法获取或修改元素样式时，属性名称和定义的元素属性名称有区别。例如：通过css的background-color定义背景色，那么在js中获取或修改这个样式属性时需要将‘-' 符号后的首字母转换成大小。
以上这篇JS获取和修改元素样式的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
AJAX的应用较少了页面的刷新次数，但是也可能会使浏览器的前进、后退、刷新等功能受到影响。2011-02-02
本文主要介绍了JavaScript中的call和apply的用途以及区别。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
callback回调函数在本文以自定义的方式出现，感兴趣的朋友可以参考下，希望对大家有所帮助2013-09-09
使用Javascript（简称JS）取得LI里的内容(简单易懂的代码实例)2008-12-12
这篇文章主要为大家详细介绍了微信小程序实现经典window扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
这篇文章主要为大家详细介绍了BootStrap入门学习第一篇，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
项目需要做了如下的东西，希望能给其他需要的同学们一点参考。2010-08-08
这篇文章主要介绍了javascript实现简单加载随机色方块的相关资料，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要为大家详细介绍了JS实现购物车基本功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
JavaScript事件代理（委托）一般用于以下情况：1. 事件注册在祖先级元素上，代理其子级元素。可以减少事件注册数量，节约内存开销，提高性能。2. 对js动态添加的子元素可自动绑定事件。本文主要介绍用原生 js 实现该功能。下面跟着小编一起来看下吧2016-12-12
最新评论