如何检查菜单项是否仅在JS Joomla中存在

Question

我是JS新手，想检查是否存在特定菜单项。 我正在使用Joomla，并想用js实现此任务，但不希望使用jquery。 因此，如果此菜单项不存在，我想更改其他菜单项的style.width（放大）。 如果在那里，我想减小所有菜单项的宽度。 另外，我想在此特定菜单项上添加onclick事件。 这应该会产生灯箱弹出，文章预览或其他内容。 像这样的“弹出”类 Css不是问题，但是显示onclick无效。 我要显示的弹出容器默认情况下是隐藏的，并且位置正确。 在Joomla中，我为我的特定菜单项指定了“ offerItem”类。 首先，在显示可见性之间切换时，我使用了这段代码，但到目前为止还没有奏效。

 document.getElementByClassname("offerItem").addEventListener("click", popup); function popup(){ var z = document.getElementByClassname("popup"); if (z.style.display === "none"){ z.style.display = "block"; } else { z.style.display = "none"; } } 

Answer 1

您的代码中有错别字：

document.getElementsByClassName('offerItem') // <- Wrong spelling

 document.getElementsByClassName("offerItem").addEventListener("click", popup); function popup(){ var z = document.getElementsByClassName("popup"); if (z.style.display === "none"){ z.style.display = "block"; } else { z.style.display = "none"; } }