使用javascript获取上次应用的宽度CSS规则

使用javascript获取上次应用的宽度CSS规则,javascript,css,Javascript,Css,我需要使用Javascript为HTML元素的width属性获取最后应用的CSS规则 例1: 输入{ 宽度:300px; } .全宽{ 宽度:100%; } 例2: 输入{ 宽度:300px; } .全宽{ 宽度:100%; } 半幅{ 宽度:50%; } 对于第一种情况,我需要获得100%,对于第二种情况,我需要获得50%。基本上,我需要以下突出显示的值: 我不能使用getComputedStyle方法,因为它检索以像素为单位的计算宽度,但在CSS规则中需要相同的值 有没有办法做

我需要使用Javascript为HTML元素的
width
属性获取最后应用的CSS规则

例1:


输入{
宽度:300px;
}
.全宽{
宽度:100%;
}
例2:


输入{
宽度:300px;
}
.全宽{
宽度:100%;
}
半幅{
宽度:50%;
}
对于第一种情况,我需要获得
100%
,对于第二种情况,我需要获得
50%
。基本上,我需要以下突出显示的值:

我不能使用
getComputedStyle
方法,因为它检索以像素为单位的计算宽度,但在CSS规则中需要相同的值

有没有办法做到这一点


提前感谢

检查这个答案-事实上,如果你只想要设置好的百分比和px,那么可能会更好,但对em、vw等单位不起作用。@Kaido谢谢,这个答案对我帮助很大。检查这个答案-事实上,如果你只想要设置好的百分比和px,然后可能会更好,但对em、vw等单位不起作用。@kaido谢谢,这个答案对我帮助很大。