遍历表单的 elements 集合来访问 Input 对象。(DOM elements 集合)
来源:互联网 发布:windows media play 编辑:程序博客网 时间:2024/06/05 09:18
<form id="myForm">Firstname: <input id="fname" type="text" value="Mickey" name="ppp" />Lastname: <input id="lname" type="text" value="Mouse" /> <input id="sub" type="button" value="Submit" /></form><button id="elementsBtn">elements 集合 点击测试</button>
$("#elementsBtn").on('click', function(event) {// 一:// <!-- elements 集合可返回包含表单中所有元素的数组。// 元素在数组中出现的顺序和它们在表单的HTML 源代码中出现的顺序相同。 -->// 每个元素都有一个 type 属性,其字符串值说明了元素的类型。// 语法 formObject.elements[].propertyvar x=document.getElementById("myForm");for (var i=0;i<x.length;i++) { document.write(x.elements[i].value); document.write("-----------"); document.write(x.elements[i].type); document.write("<br />"); } // 二:// 提示和注释// 提示:如果 elements[] 数组具有名称(input 标签的 id 或 name 属性),那么该元素的名称就是 formObject 的一个属性,因此可以使用名称而不是数字来引用 input 对象。// 举例,假设 x 是一个 form 对象,其中的一个 input 对象的名称是 fname,则可以使用 x.fname 来引用该对象。//可以通过 name或id的值来选中当前的元素x.currentId 或 x.currentNameconsole.log(x.fname.id+ " "+ x.fname.type+ " "+ x.fname.value) //fname text Mickeyconsole.log(x.ppp.id+ " "+ x.ppp.type+ " "+ x.ppp.value) //fname text Mickey});
阅读全文
0 0
- 遍历表单的 elements 集合来访问 Input 对象。(DOM elements 集合)
- HTML DOM elements 集合包含哪些元素
- js的dom对象及elements对象
- Python 参考库 Sets--独立对象的无序集合(Unordered collections of unique elements)
- js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理。
- jsoup-Elements的遍历(使用Iterator迭代器)
- 二十四、DOM Elements
- DOM文档对象模型通过id来访问HTML元素
- HTML5 Web组件元素集合 – Custom Elements
- <c:forEach 遍历集合中的集合的对象属性参数
- #448 – 在Grid中显示数据绑定元素的集合(Data Binding Elements in a Collection to a Grid)
- javascript中遍历对象的List集合
- JAVA集合-集合的遍历
- document的elements
- gstreamer 的 elements
- jsoup的Elements类
- 查看 ErrElemExcessDistortion 的 Elements
- 根据对象的字段名来访问该字段
- 熟练使用 LLDB
- 自查内容
- Frida hook app
- SDNU-OJ:1095.Ignatius and the Princess IV
- DNS解析过程
- 遍历表单的 elements 集合来访问 Input 对象。(DOM elements 集合)
- 对 java 同步锁 以及 级别升级的 理解
- sublime注册码分享
- HM编码器代码阅读
- 在thinkcmf5中实现为各个分类下的文章添加自定义字段的想法
- 翻页折叠的那些事儿
- 修改eclipse字体大小
- Hadoop datanode磁盘扩容
- java使用Jsoup连接网站超时的解决方法 链接的时候设定超时时间即可。 doc = Jsoup.connect(url).timeout(5000).get();