Javascript 单击切换时更改徽标的css属性

我想在单击“切换”时将css属性（z索引）更改为导航栏中的徽标。 当切换关闭时，我需要重新更改该属性。这可能吗

My toggle有一个类“ubermenu-responsive toggle main” 我的徽标有一个“标题徽标”类 Open toggle有一个类“ubermenu responsive toggle Open”

这篇文章很有趣
点击我
函数myFunction（）{
elm=document.getElementById（“demo”）；
elm.setAttribute（“customAttribute”，elm.getAttribute（“customAttribute”）=“value1”？“value2”：“value1”）；
}
[customAttribute=value2]{
能见度：可见；
}
[customAttribute=value1]{
可见性：隐藏；
}

此代码是一个简单的切换，当您单击按钮时，它将隐藏然后显示文本。 关键是线路

---

elm.setAttribute（“customAttribute”，elm.getAttribute（“customAttribute”）=“value1”？“value2”：“value1”）

将您的

z-index

放入

css

文件中的一个类中-

CSS

.z-index-high {
    z-index: 999;
}

toggleBtn.addEventListener("click", () => {
    toggleBtn.classlist.toggle("ubermenu-responsive-toggle-open");
    if(toggleBtn.classlist.contains("ubermenu-responsive-toggle-open") {
        logo.classlist.add("z-index-high");
     } else logo.classlist.remove("z-index-high");
});

JS

.z-index-high {
    z-index: 999;
}

toggleBtn.addEventListener("click", () => {
    toggleBtn.classlist.toggle("ubermenu-responsive-toggle-open");
    if(toggleBtn.classlist.contains("ubermenu-responsive-toggle-open") {
        logo.classlist.add("z-index-high");
     } else logo.classlist.remove("z-index-high");
});

在css类中放置

z-index

属性不是强制性的。只是比较容易处理 因为DOM节点中存在

classlist

propoEntry

---

希望这能有所帮助。

请提供一些代码请提供一个示例代码，以便我们可以分析您的问题发布您的代码，以便有人能够提供帮助欢迎使用so。请带我去参观一下。如果您不提供任何代码，我们将无法帮助您-请参阅如何创建