使用Javascript两次添加相同的CSS属性

Question

我想将以下CSS添加到元素中 -

{min-height: calc(100% - 291px);
    min-height: -webkit-calc(100% - 291px);}

我想使用Javascript将此CSS添加到我的元素中.我的问题是,如何在不重写的情况下添加这两个值.

element.style.minHeight= "calc(100% - 291px)";
element.style.minHeight= "-webkit-calc(100% - 291px)"; // This should NOT overwrite the previous property.

我该如何实现这一目标？谢谢!

Answer 1

您可以使用类添加样式.

.class1 {
   min-height: calc(100% - 291px);
   -webkit-min-height: calc(100% - 291px)
}

element.classList.add('class1')