javascript - 使用 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')