javascript - 如何使用 JS 删除内联 CSS？

Question

我有

<div class="slide slick-slide slick-current slick-active" data-slick-index="0"
aria-hidden="false" style="width: 1730px; position: relative; left: 0px; top:
0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00">

我想删除z-index，我试过了

jQuery(document).ready(function( $ ){
    jQuery('.slick-slide).css('z-index', "");
});

和

jQuery(document).ready(function( $ ){
    jQuery('.slick-slide).css('z-index', "auto");
});

我尝试了上面 div 中列出的所有类，但没有任何效果。我只想删除 z-index，它是一个 wordpress 站点，所以使用 JS/JQuery 是我唯一的选择。

Answer 1

您不需要 jQuery - 使用 Element.style.removeProperty():

document.querySelector(".slick-slide").style.removeProperty("z-index");