js获得当前元素的样式

简介: 利用currentStyle()和ComputedStyle()1 通常用法:balance为类名window.getComputedStyle(document.querySelector(".

利用currentStyle()和ComputedStyle()

1 通常用法:

balance为类名

window.getComputedStyle(document.querySelector(".balance"), null).backgroundColor;

window.getComputedStyle(document.querySelector(".balance"), null).fontSize;

 

2 封装一个函数:

function getstyle(obj, key) {

    if (obj.currentStyle) {

        return  obj.currentStyle.key;

    } else {

        Return  getComputedStyle(obj, mull).key;

    }

}

封装进getstyle函数

 

相关文章
|
3天前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
11 2
|
3天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
9 0
|
3天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
12 0
|
3天前
|
JavaScript 前端开发 容器
js操作dom元素
js操作dom元素
16 0
|
3天前
|
JavaScript 前端开发
js选取页面元素的方法
js选取页面元素的方法
14 2
|
3天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
3天前
|
JavaScript 前端开发
在JavaScript中怎样获取或修改HTML元素。
在JavaScript中怎样获取或修改HTML元素。
|
3天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素
JavaScript 获取 HTML 元素
|
3天前
|
JavaScript 前端开发
js改变元素的内容、属性、样式
js改变元素的内容、属性、样式
15 3
|
3天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
34 10