原生js获取css样式

原生js获取css样式

<button class="btn" style="font-size:50px ;"> 按钮 </button>
<style>
  .btn {
  	background-color: #ccc;
	}
</style>

获取行内样式

let btnDom = document.querySelector('.btn')
console.log(btnDom.style.fontSize);

获取css中的样式

getComputedStyle()是个全局方法，获取元素当前的样式

需要两个参数：

• 第一个：要获取样式的元素
• 第二个：【可选】可以传递一个伪元素（:before、:after、:first-line、:first-letter等），一般都传null

let btnDom = document.querySelector('.btn')
console.log(getComputedStyle(btnDom).backgroundColor);