js获取html css属性的值,js 获取css中设置的rem值

先说思路，得到需要计算属性的px值，然后再得到html标签里的font-size的px值，因为rem是基于html的font-size来的。1rem就是一个font-size的px值。

献上代码:css

*{

margin: 0;

padding: 0;

}

html{

font-size: 20px;

}

#box{

width: 9rem;

height: 9rem;

background-color: red;

}

html

js

var box = document.getElementById("box");

var boxStyle = window.getComputedStyle(box).width.slice(0,-2);

var html = document.getElementsByTagName("html");

var htmlStyle = window.getComputedStyle(html[0]).fontSize.slice(0,-2);

console.log(boxStyle/htmlStyle + "rem");