JavaScript ： javascript dom 获取 css 值

天有行-地无迹-千秋怎堪一剑扫

于 2020-01-14 15:50:57 发布

阅读量268

点赞数

CC 4.0 BY-SA版权

分类专栏： grammar javaScript

58 篇文章

订阅专栏

46 篇文章

订阅专栏

本文深入讲解了getComputedStyle方法，这是获取DOM元素最终样式的强大工具。通过实例演示如何使用此方法来读取元素的实际CSS属性值，包括伪类如:hover等状态属性。适合前端开发者学习和掌握。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考博客：

这篇博客讲的很好，pdf已下载《获取元素CSS值之getComputedStyle方法熟悉 « 张鑫旭-鑫空间-鑫生活.pdf》

基本概念：

还有比如:hover， actived, link,visited 这些类似“状态”的。

window 获取 dom 最终样式值：

    var dom = document.getElementById("map2");
    var a = window.getComputedStyle(dom , null);
    console.log("css-: ",a);