Javascript 如何使用JS删除内联CSS？

我有

及

---

我尝试了上面div中列出的所有课程，没有任何效果。我只想删除

z-index

，这是一个wordpress站点，所以使用JS/JQuery是我唯一的选择

您不需要jQuery-使用

Element.style.removeProperty（）

：

---

您不需要jQuery—使用

Element.style.removeProperty（）

：

---

如果只将z-index作为内联索引并希望删除它，则应删除整个样式属性

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

---

我看到你在用滑头。我建议不要删除Slick提供的任何样式。最好使用一些CSS来编写一个丑陋的覆盖。

如果您只将z-index作为内联，并且希望删除它，那么您应该删除整个样式属性

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

---

我看到你在用滑头。我建议不要删除Slick提供的任何样式。最好用一些CSS编写一个丑陋的覆盖。

根据上面的评论：

只需用

覆盖CSS中的
。光滑幻灯片
！重要信息

，无需JavaScript

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

编辑：

---

0

只是一个占位符，请选择您认为合适的值或设置为

initial

作为z-index的默认值

根据上述评论的要求：

只需用

覆盖CSS中的
。光滑幻灯片
！重要信息

，无需JavaScript

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

编辑：

---

0

只是一个占位符，请选择您认为合适的值或设置为

initial

作为z-index的默认值

我正在添加我自己的答案，但无法接受，因为我不确定它是否正确

更好的解决方案是设置您创建的父div

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

让滑动条保持原样，也可以解决问题。区别在于，如果您确实喜欢建议的已接受答案，就像我之前建议的那样，您将面临一个问题，即如果您单击任何

href

，它将带您到滑块的最后一个

href

---

假设你的幻灯片有5张幻灯片，每张幻灯片都有一个指向文章的链接，当你点击其中任何一个链接时，你会被带到最后一篇文章。

我正在添加我自己的答案，但无法接受，因为我不确定这是正确的答案

更好的解决方案是设置您创建的父div

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

让滑动条保持原样，也可以解决问题。区别在于，如果您确实喜欢建议的已接受答案，就像我之前建议的那样，您将面临一个问题，即如果您单击任何

href

，它将带您到滑块的最后一个

href

---

---

假设您的滑块有5张幻灯片，每张幻灯片都有一个指向文章的链接，当您单击其中任何一个链接时，您将看到最后一篇文章。

尝试使用！重要信息如果您的代码是直接复制并粘贴到此处，请尝试添加缺少的引号。您确定slick slide Library在运行时没有添加z索引吗？因此，即使你删除了z索引，库可能会在一段时间后重新添加。@Biten Nothing work，我尝试了所有答案和注释，我想你是对的，在这种情况下该怎么办？@Tim yes，因为没有js起作用，我很沮丧，我读到你的注释说add-important，我已经在js中添加了，但没有起作用，因此，我试着像你刚才所说的那样将其添加到css中，并且效果很好。我不知道为什么，但它的工作尝试使用！重要信息如果您的代码是直接复制并粘贴到此处，请尝试添加缺少的引号。您确定slick slide Library在运行时没有添加z索引吗？因此，即使你删除了z索引，库可能会在一段时间后重新添加。@Biten Nothing work，我尝试了所有答案和注释，我想你是对的，在这种情况下该怎么办？@Tim yes，因为没有js起作用，我很沮丧，我读到你的注释说add-important，我已经在js中添加了，但没有起作用，因此，我试着像你刚才所说的那样将其添加到css中，并且效果很好。我不知道为什么，但它起了作用。当我读到这篇文章时，我正在打一个史诗般的、冗长的、非常棒的答案，我想“哦，我又想过头了”。出于好奇，我们刚刚测试了它，并确认它可以在内嵌css上工作。好东西！您的代码工作得很好，唯一的问题是，只有当我从控制台执行代码并返回

999

时，它才工作，但是当我将其作为代码编写时，它不工作。这以前从未发生在我身上，在控制台中，我会尝试将其放置在其他地方。谢谢@Tim，我喜欢人们告诉我我可以帮助他们。另外@Lynob可能是SlickSlider干扰了你的CSS，并在你尝试删除它时添加了z索引，因为正如Tim上面提到的，它适用于内联CSS样式。当我读到这篇文章时，我正在输入一个史诗般的、冗长的、非常棒的答案，我想“哦，我又来了，想得太多了”。出于好奇，我们刚刚测试了它，并确认它可以在内嵌css上工作。好东西！您的代码工作得很好，唯一的问题是，只有当我从控制台执行代码并返回

999

时，它才工作，但是当我将其作为代码编写时，它不工作。这以前从未发生在我身上，在控制台中它可以工作，我会尝试将它放在其他地方。谢谢@Tim，我喜欢人们告诉我我可以帮助他们。另外@Lynob可能是SlickSlider干扰了你的CSS并在你尝试删除它时添加了z-index，因为正如Tim上面提到的，它可以处理内联CSS样式。请注意，

z-index:0

；与删除它不同。这个div可能从父代继承了另一个z-索引，例如，z-索引为负，0仍然会赋予它更高的特异性。举个例子说明为什么不一样。我同意，在这个例子中，0只是一个占位符。编辑以反映。只是一个注释，

z-index:0

；与删除它不同。这个div可能继承了另一个div

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