获取节点的两种方式:

1、通过event对象的srcElement属性;

2、通过事件源对象用this传入。

代码如下:

收缩菜单 · 表单布局

function list(dtNode){

// var dtNode = event.srcElement;

var dlNode = dtNode.parentNode;

// alert(dtNode.nodeName+"---"+dlNode.nodeName);

var dlNodes = document.getElementsByTagName("dl");

// alert(dlNodes.length);

for(var i=0; i

if(dlNodes[i] == dlNode){

/*判断当前标题是展开还是关闭状态,默认关闭,先执行else语句*/

if(dlNode.className == "open"){

dlNode.className = "close";

}

else{

dlNode.className = "open";

}

}

else{

dlNodes[i].className = "close";

}

}

}

dl{

overflow: hidden;

height: 18px;

}

.open{

overflow: visible;

}

.close{

overflow: hidden;

}

今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗
今天天气好晴朗

html多级折叠菜单表单,JS实战篇之收缩菜单表单布局相关推荐

  1. html点击展开菜单,简单实现js点击展开二级菜单功能

    虽然,jQuery已经非常好用了,但是实际的开发项目中,还是有很多限制,比如项目组奇葩的要求,不能使用任何插件,当然,也是考虑插件占用资源,毕竟100+KB对与小型项目来说还是非常大的.我最近就遇到做 ...

  2. 微信公众号菜单html5,Vue.js 实现微信公众号菜单编辑器功能(一)

    学习一段时间Vue.js,于是想尝试着做一个像微信平台里那样的菜单编辑器,在这里分享下 具体样式代码查看项目github 创建一个vue实例 var app = new Vue({ el: '#app ...

  3. 【二开】Jeecgboot Online表单js增强用法记录

    [二开]Jeecgboot Online表单js增强用法记录 表单js增强 loaded(){this.$nextTick(()=>{//获取表单maplet rows = this.getFi ...

  4. UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)

    UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签) 1.BaseTag(样式表和JS引入标签) 1.1. 示例 <t:base type="jquery, ...

  5. Vue实战篇十六:导航菜单

    系列文章目录 Vue基础篇一:编写第一个Vue程序 Vue基础篇二:Vue组件的核心概念 Vue基础篇三:Vue的计算属性与侦听器 Vue基础篇四:Vue的生命周期(秒杀案例实战) Vue基础篇五:V ...

  6. TP引用样式表和js文件及验证码

    TP引用样式表和js文件及验证码 引入样式表和js文件 <script src="__PUBLIC__/bootstrap/js/jquery-1.11.2.min.js"& ...

  7. Js实战--02登录注册

    Js实战–02登录注册 文章目录 Js实战--02登录注册 一.HTML布局 二.样式 1.页面效果图 三.Js特效 效果展示网站:https://www.bilibili.com/video/BV1 ...

  8. Vue实战篇三十:实现一个简易版的头条新闻

    系列文章目录 Vue基础篇一:编写第一个Vue程序 Vue基础篇二:Vue组件的核心概念 Vue基础篇三:Vue的计算属性与侦听器 Vue基础篇四:Vue的生命周期(秒杀案例实战) Vue基础篇五:V ...

  9. Vue实战篇十七:用树型组件实现一个文档目录结构

    系列文章目录 Vue基础篇一:编写第一个Vue程序 Vue基础篇二:Vue组件的核心概念 Vue基础篇三:Vue的计算属性与侦听器 Vue基础篇四:Vue的生命周期(秒杀案例实战) Vue基础篇五:V ...

最新文章

  1. [转载] 中华典故故事(孙刚)——21 正月剪头死舅舅
  2. java继承总结_java继承总结(二)
  3. python函数图像平移_[Python图像处理]六.图像缩放,图像旋转,图像翻转与图像平移...
  4. 《深度学习笔记》——线性代数基础
  5. python读取数据流_IOError:读取图像fi时数据流中断
  6. MD5消息摘要算法和SHA-1安全散列算法
  7. Java 映射(Map)和集合(Set) 用法总结
  8. 04 数据清洗与准备
  9. ubuntu WeChat 网易云音乐 Mac OS主题 wps 截图链接版
  10. java 最大素数,JAVA计算指定上限的最大素数
  11. java代码下划线是啥意思_java类名加下划线
  12. Kettle8.2查询组件之数据库查询
  13. FeignException$InternalServerError [500] during [POST]同时出现converter.HttpMessageConversionException
  14. 建木持续集成平台v2.2.1发布
  15. cd短是什么意思,王者荣耀:是不是技能cd越短难度就越大?看她就明白了
  16. 关于gl_FragCoord的理解
  17. root后没反应怎么办,没有root怎么办?
  18. 华为AR路由器镜像端口配置及取消配置
  19. php mysql 变量赋值_PHP 变量
  20. Ubuntu系统Pycharm输入中文时有下划线解决办法

热门文章

  1. 荷兰政府用大数据预测天气预防自然灾害,他们是怎么做的?
  2. cups支持的打印机列表_网络存储让你的打印机瞬间变无线,打印文件不用愁
  3. 7读不出来卡显示无服务器,win7识别不了网络如何解决_win7显示未识别网络的处理方法...
  4. TortoiseGit 更新远程仓库最新代码到本地仓库_入门试炼_05
  5. Flowable 数据库表结构 ACT_ID_USER
  6. Windows下安装ab
  7. spring项目链接RabbitMQ集群
  8. 第七篇: 高可用的分布式配置中心(Spring Cloud Config)(Finchley版本)V2.0_dev
  9. 原来记录系统日志那么简单【Java】【SpringBoot】【Mybatis Plus】【AspcetJ】
  10. java 16进制数组 字符串_byte数组转换成16进制字符串和字符数组的方法