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

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"; 
	}
}

​