javascript - 如何在jQuery中将样式动态应用于元素，类型和类？

我需要应用这种风格：

<style>
#elementId td[role='gridcell'] {
height: 136px !important;
}
</style>

但是我需要动态计算高度。如何使用Javascript设置此样式？

谢谢！提前！

最佳答案

1）在CSS中使用calc函数。


  阅读有关calc的更多信息：https://www.w3schools.com/cssref/func_calc.asp


例如 ：

#elementId td[role='gridcell'] {
height: calc(100%-20px) !important;
}

2）在jQuery中。

例如：

$(document).ready(function(){
    var dynamic = your calculate....
    $("#elementId td[role='gridcell']").css("height", dynamic);
})