Javascript HTML显示和隐藏在Mozilla Firefox中不起作用

我有一个带有标题的HTML文档，当你点击标题时，它会展开，当你再次点击它时，它会折叠。 除了Firefox和Mozilla之外，这在大多数浏览器上都能很好地工作。当我用Firefox Mozilla打开它时，标题根本不想扩展

代码如下：

.mystyle{
宽度：100%；
填充：25px；
背景颜色：珊瑚；
颜色：白色；
字体大小：25px；
}
我{
边框：实心#ffb200；
边框宽度：0 5px 5px 0；
显示：内联块；
填充物：5px；
}
.下来{
颜色：#ffb200；
变换：旋转（45度）；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
}
.对{
颜色：#ffb200；
变换：旋转（-45度）；
-webkit变换：旋转（-45度）；
-ms变换：旋转（-45度）；
}
mainnav先生{
显示：无；
}

函数myFunction（）{
var x=event.target.nextElementSibling，
y=event.target.firstChild；
如果（x.style.display=='none'| | x.style.display===''）{
x、 style.display='block'；
y、 类列表。添加（“下”）；
y、 类列表。删除（“右”）；
}否则{
x、 style.display='none'；
y、 类列表。删除（“下”）；
y、 类列表。添加（“右”）；
}
}
登录类型

在函数中，您试图引用传递给内联

onclick

处理程序的全局

事件

参数，但未将其作为函数中的参数引用

将

myFunction（）

更改为

myFunction（e）

，因为您应该引用作为参数传递到函数中的任何内容。您可以使用任何您想要的参数名称，但要保持它的描述性，这样当您在函数体中引用它时，您就知道您在使用什么了

e

是用于事件对象的通用名称

某些浏览器允许您访问全局

事件

对象，而其他浏览器则不允许。这就是为什么它适用于某些浏览器，而不适用于其他浏览器

.mystyle{
宽度：100%；
填充：25px；
背景颜色：珊瑚；
颜色：白色；
字体大小：25px；
}
我{
边框：实心#ffb200；
边框宽度：0 5px 5px 0；
显示：内联块；
填充物：5px；
}
.下来{
颜色：#ffb200；
变换：旋转（45度）；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
}
.对{
颜色：#ffb200；
变换：旋转（-45度）；
-webkit变换：旋转（-45度）；
-ms变换：旋转（-45度）；
}
mainnav先生{
显示：无；
}

函数myFunction（e）{
var x=e.target.nextElementSibling，
y=e.target.firstChild；
如果（x.style.display=='none'| | x.style.display===''）{
x、 style.display='block'；
y、 添加（'down'）；
y、 移除（'right'）；
}否则{
x、 style.display='none'；
y、 移除（'down'）；
y、 添加（'right'）；
}
}
登录类型

在函数中，您试图引用传递给内联

onclick

处理程序的全局

事件

参数，但未将其作为函数中的参数引用

将

myFunction（）

更改为

myFunction（e）

，因为您应该引用作为参数传递到函数中的任何内容。您可以使用任何您想要的参数名称，但要保持它的描述性，这样当您在函数体中引用它时，您就知道您在使用什么了

e

是用于事件对象的通用名称

某些浏览器允许您访问全局

事件

对象，而其他浏览器则不允许。这就是为什么它适用于某些浏览器，而不适用于其他浏览器

.mystyle{
宽度：100%；
填充：25px；
背景颜色：珊瑚；
颜色：白色；
字体大小：25px；
}
我{
边框：实心#ffb200；
边框宽度：0 5px 5px 0；
显示：内联块；
填充物：5px；
}
.下来{
颜色：#ffb200；
变换：旋转（45度）；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
}
.对{
颜色：#ffb200；
变换：旋转（-45度）；
-webkit变换：旋转（-45度）；
-ms变换：旋转（-45度）；
}
mainnav先生{
显示：无；
}

函数myFunction（e）{
var x=e.target.nextElementSibling，
y=e.target.firstChild；
如果（x.style.display=='none'| | x.style.display===''）{
x、 style.display='block'；
y、 添加（'down'）；
y、 移除（'right'）；
}否则{
x、 style.display='none'；
y、 移除（'down'）；
y、 添加（'right'）；
}
}
登录类型

是的，我知道。对不起，你提到这件事时我才注意到。该错误出现在Firefox的控制台下是的，我有。对不起，你提到这件事时我才注意到。该错误出现在Firefox的控制台下，非常感谢。这解决了我的问题。请您给我更多的解释，让我更好地理解您所做的更改。传递到函数中的所有内容都应作为函数在函数定义中所期望的参数（参数）列出。如果我有一个函数来平方一个数，它的函数定义将是

functionsquare（number）{returnnumber*number；}

，我会像这样使用它

var x=square（4）；/x=16

。如果我没有在函数定义中定义

number

，即

function square（）{return number*number；}

，并像以前一样使用它，

16

不会映射到

number

参数（变量）在函数中使用。还有其他注意事项，但缺少对传递到函数中的数据的引用是这里的要点。也不是