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

最新推荐文章于 2024-06-13 09:00:00 发布

秦卿

最新推荐文章于 2024-06-13 09:00:00 发布

阅读量3.1k

点赞数 3

分类专栏： javascript案例文章标签： JavaScript 兼容IE的getElementsByCl 下拉菜单

本文链接：https://blog.csdn.net/qinqingz/article/details/52963519

版权

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

摘要由CSDN通过智能技术生成

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>
		<li class="aBtn">一级菜单
			<ul class="two">
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
				<li>二级菜单</li>
			</ul>		
		</li>
	</ul>
&l

最低0.47元/天解锁文章

秦卿

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript原生下拉菜单完美兼容IE

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

扫一扫

专栏目录