js+css+div的点击后显示或者隐藏
<html >
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<script type="text/javascript">
function showaa(obj)
{
//var obj_parent=obj.parentNode;
var obj_parent=obj.parentElement
if(obj_parent.className=="aa_show")
{
obj_parent.className="aa_hide";
}
else
{
obj_parent.className="aa_show";
}
}
</script>
<style type="text/css">
.aa_show a.two
{
display:block;
}
.aa_hide a.two
{
display:none;
}
</style>
<body>
<div class="aa_hide">
<a href="#" onclick="showaa(this)">aaaa1</a><br/><!--用这个立马就行了,真给气死-->
<a href="javacript:showaa(this)">aaaa2</a><br/><!--今天下午一直用的这个一直不行,悲剧。知道原因的,求留言,非常感谢-->
<a class="two" href="#" >本文出自:http://www.cnblogs.com/ribavnu/p/3228887.html</a>
</div>
</body>
</html>
说明:这种写法相信各位童鞋看到的不多,我从一个实习的同事那看到的,据说是他们老师教的。
各位客官如果有个人看法或者更好的写法,请在下边留言,必回复。可能回复的不太及时。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架