通过css类名获取JS中的CSS属性[重复]

Question

如何用js获取元素的CSS属性？假设我有以下内容

.btn {
  background-color: green;
}

.navbtn {
  font-size: 20px;
}

和

<button id='mybtn' class='btn navbtn' onclick='alert("hi")'>Click me</button>

然后，我想提取元素mybtn 的CSS 属性。如果我这样做了

window.getComputedStyle(document.getElementById('mybtn'))

它返回一个 CSSStyleDeclaration ，其中包含所有 CSS 属性，即使是我没有设置的那些。但是，我想要的是一个包含

的对象（或其他）

{
  background-color: green;
  font-size: 20px;
}

其他所有内容都将视为“默认”。

所以我的问题是：

1. 是否有这样的功能或库可以完成这项工作？
2. 如果没有，是否可以在给定类名的情况下获取 CSS 属性（如 getProperties('btn') 返回 { background-color: green; }）

提前致谢

Answer 1

就这么简单：

let background = document.querySelector('.btn').style.backgroundColor;
console.log(backround);