位置: 编程技术 - 正文

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方法)

  • 现代服务印花税属于哪项
  • 完税证明能作为理赔依据吗
  • 付国外专利费用需办什么手续
  • 出口货物发生退运是征税还是免税
  • 金税盘没有及时清卡怎么办
  • 金融商品转让为什么不能扣除相关税费
  • 网银年费怎么做会计分录的
  • 增值税加计抵减最新政策2022
  • 用进项税冲抵当月增值税的会计分录
  • 利润表本期金额怎么算
  • 受托加工怎么做账
  • 税务评估补税如何入账处理合适?
  • 固定资产转为投资性房地产折旧
  • 非同一控制下企业合并对价小于可辨认
  • 回购库存股所有者权益会发生变化吗
  • 个体户进货需要成本票吗
  • 财务人员的大忌
  • 装卸费可以抵扣销项税额吗
  • 非征期不能抄报
  • 水利建设专项收入税率
  • 小规模纳税人出租不动产税率是5%还是3%
  • 高杠杆资金是什么意思
  • 外商投资的企业是外资企业吗
  • 商品进销差价的核算方法
  • 以公司名义投资好还是以个人名义投资好
  • 安装win11一直转圈要多久?
  • php数组函数输出《咏雪》里有多少"片"字
  • dghm.exe是什么程序
  • 营改增后固定资产报废处置收入计税
  • 企业年金税前扣除比例
  • php+jQuery+Ajax实现点赞效果的方法(附源码下载)
  • 固定资产闲置能报废吗
  • 装修阶段监理注意事项
  • vue生命周期图解
  • PHP mysqli_free_result()与mysqli_fetch_array()函数详解
  • 转让金融商品应交增值税计算公式
  • 什么叫存量比率
  • 还贷款的卡有利息吗
  • 账实不符的后果和对策
  • phpcms生成html
  • mysql随机密码怎么看
  • MySQL中distinct语句的基本原理及其与group by的比较
  • 贴现法付息的实际利息
  • 小规模租金可以抵税吗
  • 免税申报表里的免税销售额是不含税
  • 制造费用期末要结转吗
  • 发票未及时开,但是双方会计已经做帐,怎么办?
  • 高企数据造假
  • 企业固定电话费收费标准
  • 环境检测费账务处理
  • 筹建期间的利息费用计入什么科目
  • 年金现值的公式是怎么推导出来的
  • 疫情期间购买消毒弥雾机的请示
  • 公司收入和开支比例
  • 营业外支出包括哪些?
  • 注销公司复杂吗?
  • 分期收款销售什么意思
  • 企业取得土地使用权会计处理
  • 对于资产负债表日后的非调整事项
  • 公司投资银行理财产品如何做账
  • sql server 判断数据是否存在
  • centos rpm包存放位置
  • mac所有窗口最小化
  • p2p是什么文件
  • ubuntu安装指南
  • windows8使用教程
  • nwtray.exe - nwtray是什么进程 作用是什么
  • 删除window
  • WIN10系统怎么删除软件
  • opengl缓冲区
  • android打包原理
  • jquery属性操作
  • 安卓自定义acl文件
  • javascript函数怎么写
  • python2ide
  • 黑龙江国税局官网
  • 重庆地税局官网公众号
  • 税务ukey登录界面
  • 税控盘打不开
  • 纳税服务存在的不足之处
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设