位置: 编程技术 - 正文

JavaScript DOM 学习第三章 内容表格(javascript的dom)

编辑:rootadmin

如果你也想这么做,那么你还需要我的getElementByTagNames()函数。解释 这段代码运行如下: 准备阶段 首先我创建一个<div id="innertoc">来放置表格内容 然后在他的上面添加一个<span>标签。点击这个元素就会运行showhideTOC()函数,我会在下面解释。 然后我再创建一个DIV用了放置真正的链接。在这个div上单击(真正的含义是:在这个div里的任何一个链接上单击)一样会触发showhideTOC()函数。 得到标题 然后新建一个toBeTOCced数组,再用我的getElementByTagNames()函数来得到整个页面的左右标题。 如果数组里只有一个元素(比如这个页面只有一个h2标题)就停止。我不想让ToC只有一个元素。 创建ToC 现在开始创建ToC。首先遍历toBeTOCced数组。对于每个元素我都创建一个和他们的标题相同的链接。注意innerHTML的使用:网站里有些标题包含<code>这样的HTML标签,我也想让这些在ToC里面显示。我把这些新的链接添加在ToC的里面的<div>上。 如果标题是h4或者h5我就添加一个额外的类。 现在我们需要把a元素链接到他真正的标题上。这需要一个唯一的ID。然而,这些标题可能已经包含一个ID了。我不想破坏原有的内部链接,所以我更愿意使用标题本来的ID。只有当标题没有ID的时候我才创建一个新的ID。 我们刚刚创建的链接的href属性就应该是#+headerId,标题本身也就有了一个ID。 一个特殊情况:如果标题是H2,那就是页面的顶部,也会得到一个ID。 现在表格就生产了,我们返回给调用它的地方。 显示和隐藏ToC 最后这个函数用了显示和隐藏ToC。非常的简单,先检测ToC的状态,然后根据信息生产一个新的文本和display值。 这个函数在用户点击<span>的时候调用,那样他就可以切换ToC的显示。另外当用户在链接上点击的时候也会马上隐藏ToC的。 翻译地址: 转载请保留以下信息 作者:北玉(tw:@rehawk)

推荐整理分享JavaScript DOM 学习第三章 内容表格(javascript的dom),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript DOM 学习第三章 内容表格(javascript的dom)

文章相关热门搜索词:js dom 操作,js dom操作方法,js dom 操作,js domcontentloaded,javascriptdom编程,js dom操作方法,javascript的dom,javascript中dom的含义,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript DOM学习第四章 getElementByTagNames getElementByTagNames(注意是复数的names)会获得一些tag的元素,然后按照他们的顺序保存在一个数组中。这非常的有用,比如在上一章的TOCScript中,就需要

JavaScript DOM 学习第五章 表单简介 因为每一个表单的检测项都不同,所以我也不能给你一个万能的代码。你需要用我在这一章介绍的这些元素构建自己的检测函数。我在后面一张还有一

JavaScript DOM学习第六章 表单实例 表单实例这是一个表单的实力。这里有一个小问题:因为我的服务器现在不支持,所以表单不能提交。我会打印出你的输入,然后返回一个false,这样表

标签: javascript的dom

本文链接地址:https://www.jiuchutong.com/biancheng/381851.html 转载请保留说明!

上一篇:JavaScript DOM 学习第二章 编辑文本(js中dom的用法)

下一篇:JavaScript DOM学习第四章 getElementByTagNames(js dom方法)

  • 增值税滞纳金怎么做账
  • 城镇土地使用税暂行条例
  • 一般纳税人企业所得税是多少
  • 小规模纳税人税率2023年是多少
  • 金税盘软件
  • 酒店摆放物品是什么
  • 公允价值变动损益影响营业利润吗
  • 增值税的视同销售行为有哪些?
  • 合同取得成本如何分析
  • 第二季度纳税申报
  • 专项应付款在资产负债表中如何列示
  • 以前年度损益调整会计分录
  • 什么情况下征税
  • 有限合伙企业合伙人分红纳税
  • 往年预付账款错了,应如何调?
  • 利息支出税前扣除标准2020
  • 进口增值税关税怎么付
  • 税务一般纳税人
  • 月末计提税金数据从哪得来的
  • 财税2010121号文件有效吗
  • 资管产品增值税征收管理规定
  • 事业单位购入车辆如何做账
  • 异地取款还有手续费吗
  • 暂估金额与发票金额的区别
  • 库存现金出现负数怎么跟客户沟通
  • wps的广告怎么关掉
  • 其他流动负债包含
  • 水电费无发票如何做账
  • 计划成本法和实际成本法区别
  • cpqdfwag.exe是什么进程 能结束吗 cpqdfwag进程查询
  • TypeError: Cannot read properties of null (reading ‘insertBefore‘) vue项目报错
  • linux驱动和windows驱动
  • 委托加工的材料成本包括辅助材料成本吗
  • 外经证核销期限是多久
  • javatoken生成机制
  • h5与小程序交互
  • uniapp使用高德地图直接进行导航
  • 谷粒商城二十五springCloud之Sleuth+Zipkin 服务链路追踪
  • typescript教程推荐
  • New Bing怼人、说谎、PUA,ChatGPT已经开始胡言乱语了
  • 列表定义格式
  • 微信自定义菜单在哪里
  • 公司购买空调属于电子设备吗
  • django中httpresponse
  • 电子税务局已申报的财务报表怎么修改
  • 外贸企业代理出口退税给谁
  • 企业之间的借款利息收入缴纳增值税吗?
  • 母子公司之间借款要交税吗
  • 外贸进项税额怎么算
  • 一般纳税人企业所得税5%还是25%
  • 车辆购置税 购置
  • 跨月开票的业务怎么做
  • 三证合一哪三个证
  • 备用金预期有什么影响
  • 加班餐费报销计入什么费用
  • 什么差旅费
  • 暂估材料发票长期不到
  • 长期待摊费用的摊销期限应该是
  • 股东增资有哪几种方法
  • vs2019连接mysql
  • sql server错误和使用情况报告
  • mac中mysql应该怎么运行
  • 开机无法进入桌面,无法调用资源管理器
  • 系统升级中怎么办
  • 重装系统后win7无法连接到网络
  • ubuntu 12.04 intel集成显卡设置分辨率的步骤分享
  • 微软官方屏蔽更新工具
  • Win10系统玩坦克世界不能打字怎么回事
  • 一键快速关机下载手机版
  • linux文件解压gz
  • jquery.ui
  • jquery移动节点的方法
  • cocos2dx 3.1.1 win8+eclipse环境下android游戏开发环境搭建
  • python 编程技巧
  • python下读取公私钥做加解密实例详解
  • pdb settrace
  • 如何配置centos7
  • 个人所得税自行纳税申报表(A表)怎么填写
  • 新疆塔城靠近俄罗斯吗
  • 杭州 国税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设