位置: 编程技术 - 正文

JavaScript DOM 学习第七章 表单的扩展(js dom方法)

编辑:rootadmin
想法 假设你有一个在线的CD评级工具。你希望用户查看他们喜欢的所有CD。但是你怎么知道用户平均会查看多少张呢?你在这个页面上需要添加多少字段呢? 在W3CDOM出现之前这确实是一个问题。假设你放置了7张CD。但是用户很可能只想查看一张,太多可能会吓着用户,而有些用户想查看自己的所有CD,这样就不得不反复提交很多次。这确实很烦人。 只有使用W3C DOM才能让用户决定生成多少个字段。这个效果和之前的大不相同。 例子 当你点击发送的时候,表单就会把得到的所有参数以数组的形式发送。这用来检查是否真正的发送到了服务器端。不幸的是,mac版的IE和Safari不能发送。 IE的问题 windows下的IE有两个严重的问题: 第一个问题是所有生成的单选框都同属于一个数组,即使他们的names不同。这样用户就只能在所有的单选框里面选择一个。也就是说你不能在生成的表单里面实用单选框。 有读者说通过innerHTML生成的单选框没有问题。如果你非要实用单选框的话,你可以试试。 第二个问题是生成的表单通过传统的document.forms无法访问:IE没有在数组里面包含他们。这个可以通过给他们设置ID来解决。 解释 表单的HTML代码: 真正的表单项目在ID为readroot的DIV并且display值为none。这个DIV是一个模板,用户不能修改。当用户需要更多的表单的时候我们就复制这个模板然后添加在表单之后。我们在一开始的就加载,这样当用户打开页面的时候就能看到。 这个DIV在表单之外,所以当用户提交表单的时候,这个模板的内容不会被提交。 ID为writeroot的SPAN是一个标记。新的生成的表单就插入在他的前面。 添加表单项目 下面的代码可以再需要的时候用来添加表单项目: 首先我们需要一个计数器counter,因为所有的表单项都应该有唯一的一个名字。我们把计数器的值添加在生成name后面。初始化计数器: 然后是实际的函数。我们给计数器加1: 然后复制我们的模板,移除ID,并且把display设置为block。readroot应该是整个文档里面唯一的ID,复制模板后应该显示出来让用户看到。 我们遍历这个拷贝的子元素: 如果子元素有name属性,那么我们就在name值上加上计数器的值,以保证他的唯一性: 现在这个拷贝已经准备好插入了。我们把他插入到writeroot之前: 然后我们在页面加载的时候就执行一次,这样用户进入的时候就能看到: 移除表单项 每一个模板的拷贝都有一个移除按钮: 点击这个按钮就会从移除他的父元素(DIV)。整个生成的表单就都会消失,并且不会再出现。 翻译地址: 转载请保留以下信息 作者:北玉(tw:@rehawk)

推荐整理分享JavaScript DOM 学习第七章 表单的扩展(js dom方法),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript DOM 学习第七章 表单的扩展(js dom方法)

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

JavaScript DOM学习第八章 表单错误提示 在我看来,警告框只用在浏览器不支持其他显示错误信息的办法的时候。W3C建议我们在表单项的附近显示错误信息。这是一种很好的办法,所以我们只

JavaScript DOM 学习第九章 选取范围的介绍 虽然我们会讲解用程序创建范围对象,但是我们把精力主要集中在如何将用户的选取范围转换成为W3C范围或者微软的文档范围对象。什么是范围范围是

JavaScript CSS修改学习第一章 查找位置 offset在所有的浏览器里面元素的offsetTop和offsetLeft两个属性都是很有用的。他们会给出你元素相对于父元素的坐标位置。这段代码会向上查找offsetParent,

标签: js dom方法

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

上一篇:JavaScript DOM学习第六章 表单实例(javascript的dom操作)

下一篇:JavaScript DOM学习第八章 表单错误提示(js domcontentloaded)

  • 怎么修改金税盘登录密码
  • 营业成本包括哪些费用
  • 哪些费用可在缴纳医保
  • 以前年度无形资产本年摊销额
  • 进口关税增值税税率
  • 小规模公司企业所得税交多少
  • 房地产开发票的时间
  • 购入包装物计入
  • 固定资产原值错误的账务处理
  • 外贸企业当月没交税
  • 污水处理费免征增值税申报怎么填写
  • 自然人合伙企业怎么交税
  • 商业企业的购货运费计入什么
  • 固定资产转在建工程
  • 供应商租赁企业资质要求
  • 别人帮开票钱要打给别人账户吗
  • 购买原材料无法取得发票如何做账
  • 企业全额承担社保怎么算
  • 出口退税是按进项税额吗
  • 购买的固定资产可以一次计入管理费用吗
  • 租金发票会计分录
  • 组织机构代码证过期
  • 小规模纳税人出售使用过的汽车
  • 劳务报酬所得的收入额
  • 企业已交地税税金如何做账务处理?
  • 如何查询发票是否验旧
  • 非营利组织属于企业吗
  • 如何在excel中制作柱状图
  • 代销的价格怎么定
  • 费用发票可以不上账吗
  • win11资源管理器怎么打开
  • 企业所得税申报表
  • 天然气 初装费
  • 子公司接受母公司无偿划转的房屋如何缴纳房产税
  • 查补以前年度收入怎么做会计分录
  • 核定企业应税收怎么算
  • 最小的固态硬盘多大尺寸
  • 别人说你坏话怎么发朋友圈说说
  • PHP:is_executable()的用法_Filesystem函数
  • php 随机数
  • 单位管理费用核算范围包括
  • 行政单位捐赠会计分录怎么做的
  • web前端开发期末试题及答案
  • 单位发放给职工的养老金
  • 研发和技术服务税率3%
  • c#开发入门及项目实战
  • 27岁零基础转行做网络工程师
  • python中 =是什么意思
  • 固定资产清理借方增加还是减少
  • 服务费减免税款怎么算
  • sqlserver存储过程声明变量
  • 发票开预付卡充值可以计入费用吗
  • 非盈利组织捐赠物资收入账务处理流程
  • 处置固定资产净收益属于利得吗
  • row number函数的使用场景
  • 资产负债表可以反映的具体信息有
  • 盈余公积的计提基数
  • 相同的商品附带不同的赠品发布
  • 财产租赁合同印花税率多少
  • 资金紧张怎么说
  • 长期股权投资成本法转权益法例题
  • 固定资产清理账户的借方登记的项目有
  • 个人借款产生的利息怎么计算的
  • 小规模应收利息怎么算
  • 公司转账给其他公司账户
  • 小规模公司怎么做账
  • 浅谈mysql explain中key_len的计算方法
  • iis的服务
  • 还原windows是什么意思
  • win8.1开始菜单怎么改成win7那样
  • linux tar -xzvf
  • 安卓框架app
  • perl常用函数
  • nodejs v8
  • python文本处理教程
  • javascript零基础入门书籍
  • js点击按钮实现登陆网页
  • 广西地方税务网站官网
  • 新加坡税务局电邮
  • 山西房产税征收标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设