如何使用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

按照上述意见中的要求：

只需在您的.slick-slide CSS覆盖!important，不需要任何的JavaScript。

.slick-slide { 
    z-index: 0 !important;
}

编辑：

0只是一个占位符，选择你认为合适或设置为initial Z-Index的默认值的值。

Answer 2

你不需要jQuery的 - 用Element.style.removeProperty()：

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

Answer 3

如果你只拥有的z-index为内联和要删除它，你应该删除整个样式属性来代替。

`$('.slick-slide').removeAttr('style');`

我看到你正在使用油滑滑块。我建议不要删除油滑担任任何样式。最好编写一个丑陋的覆盖一些CSS代替。

Answer 4

我将我自己的答案，但不能接受它，因为我不知道这是正确的答案。

更好的解决办法是设置您创建的父DIV

.example-banner { 
    z-index: 0;
}

并留下光滑的滑块原样，这将解决这个问题了。所不同的是，如果你不喜欢接受的答案建议，就像我以前所说，你要面对的一个问题是，如果你点击任何href，它会带你到滑块的最后href。

因此，可以说你的滑块有5张幻灯片，每张幻灯片有一个链接到一篇文章，当你点击任何这些链接，你会被带到的最后一篇文章。