位置: 编程技术 - 正文

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)

  • 增值税专用发票的税率是多少啊
  • 发票没有申报能开票吗
  • 不予认定一般纳税人
  • 小规模增值税纳税申报
  • 公司投资款需要纳税吗
  • 母子公司间借款利息交税吗
  • 发票的收款人复核怎么写
  • 个体工商户需要报税吗
  • 存货跌价准备计提原则
  • 房地产企业的预收账款包括什么
  • 个体户认定一般纳税人
  • 分步法和分批法思维导图
  • 在账务处理过程中,最关键的环节是
  • 企业的季度所得税怎么算
  • 工程按量计价什么意思
  • 投资办厂协议
  • 预交电费有发票吗
  • 提前报废资产损失税前扣除
  • 企业所得税季报弥补以前年度亏损怎么填
  • 临时工工资个税怎么算
  • 建筑安装预缴增值税
  • 小规模10万以下免税分录
  • 企业的银行利息收入要交企业所得税吗
  • 抵扣联必须当月认证吗
  • 收到应缴财政款
  • QQExternal.exe是什么进程?QQExternal.exe进程为什么被运行?
  • 会计分录的表现形式有
  • 加工制造业包括
  • 二手房交易需缴哪些税
  • 购车人丢失发票怎么查
  • 实现php框架系列功能
  • zend框架教程
  • React18的useEffect会执行两次
  • 遮天传贴吧
  • PHP+mysql+ajax轻量级聊天室实现方法详解
  • sql server 2008 R2安装
  • python 自定义异常
  • python如何运用
  • 公司购入车辆的增值税怎么算
  • 融资租赁确认的具体条件
  • sql优化口诀
  • 预付房租计入长期待摊费用吗
  • 小规模差额征税是什么意思
  • 进出口贸易出纳主要做什么
  • 红字发票销项税额账务处理
  • 企业设置的坏账科目
  • 年底结账会计要怎么做账
  • 股东分红需要
  • 百望开发票
  • 预付的展会费如何入账
  • 建筑企业案例
  • 数据库语言主要有哪几种
  • 数据库保护数据方式
  • mysql 5.7.28安装
  • rpm方式安装
  • mysql查询慢sql命令
  • MySQL exists 和in 详解及区别
  • Linux安装MySQL教程(二进制分发版)
  • 安卓系统强制竖屏
  • windows10的设置在哪里
  • 如何设置window图标大小
  • 如何创建ubuntu安装教程
  • ubuntu安装哪个版本
  • win8 所有程序
  • 重装Windows11
  • winxp系统怎么安装
  • fpd文件是什么意思
  • win7无线网络开关在哪里
  • gzip与zip
  • linux入门学习
  • node.js操作文件
  • unity3d功能
  • shell脚本 \r
  • jquery+ajax+text文本框实现智能提示完整实例
  • eclipse怎么连接derby数据库
  • multiset volatile
  • 天津武清房管局电话
  • 运输公司抵扣
  • 多交了个人所得税怎么算
  • 留抵税额退税政策2023
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设