Question

我是一个新手，如果有特定的菜单项，我想检查一下。我使用Joomla并希望用js实现这个任务，但不是jquery。因此，如果此菜单项不存在，我想更改其他菜单项的style.width（放大）。如果它在那里，我想减少所有菜单项的宽度。此外，我想在此特定菜单项上添加onclick事件。这应该会产生一个灯箱弹出，文章预览或某事的艺术。与班级＆＃34; popup＆＃34;像那样。 Css不是问题，但显示onclick不起作用。我想要显示的弹出式容器默认是隐藏的，并且它的位置正确。在Joomla，我给了我特定的菜单项＆＃34; offerItem＆＃34;。首先，要在显示器可见性之间切换，我使用了这段代码，但到目前为止它还没有工作。

＆＃13;

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

＆＃13;

Answer 1

你的代码中有一个拼写错误：

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

＆＃13;

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

＆＃13;

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

1 个答案: