JavaScript原生下拉菜单完美兼容IE

最新推荐文章于 2024-06-01 23:26:10 发布

原创

最新推荐文章于 2024-06-01 23:26:10 发布 · 3.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #兼容IE的getElementsByCl #下拉菜单

本文介绍了如何使用JavaScript创建一个兼容IE的下拉菜单。由于getElementsByClassName不兼容IE，作者提供了一种替代方法来查找具有特定类名的元素，实现了二级下拉菜单的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getElementsByClassName()不得不说是个很好用的函数 ,但遗憾的是,好用的东西都不兼容IE,这就尴尬了.所以下列二级下拉菜单的制作中,我封装了兼容IE的通过类名找到元素的方法.

HTML结构方面:

<!--选项卡html结构方面-->
<body>
	<ul class="one" id="box">
		<li class="aBtn">一级菜单
			<ul class="two">
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
			</ul>
		</li>
		<li class="aBtn">一级菜单
			<ul class="two">
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
			</ul>
		</li>
		<li class="aBtn">一级菜单
			<ul class="two">
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
			</ul>		
		</li>