Javascript 获取特定单位中css属性的值

这段代码显示了一个红方块，带有一个百分比形式的“left”css属性，我想用js中的警报显示该属性的当前值，这已经完成，问题是它当前显示在px中

var element=document.getElementById（'square'），
style=window.getComputedStyle（元素），
left=style.getPropertyValue（'left'）；
警惕（左）
#正方形{
宽度：100px；
高度：100px；
背景色：红色；
左：10%；
位置：绝对位置；
}
您应该执行以下操作：


var element=document.getElementById（'square'），
左=元素。getBoundingClientRect（）。左，
windowWidth=window.innerWidth；
警报（（左/窗宽）*100）
#正方形{
宽度：100px；
高度：100px；
背景色：红色；
左：10%；
位置：绝对位置；
}

恐怕您必须直接从中读取原始值。很好！你比我先拿到的。你的代码和我的代码如此接近，真让人毛骨悚然。具有确切的变量名和lol。只有当被检查元素直接位于
标记中时，此选项才有效。没有周围的div。您应该检查父元素的宽度，并且要记住，它对绝对元素仍然不起作用。不，不是；）请检查：我知道，这很难看，但结果你会看到两个不同的数字。