js中获取页面元素方法总结
2012-10-20 12:01
633 查看
js中web页面元素的调用可以有两种识别方法:id和name
自己在用的过程中总结一下id和name的使用区别。
一,使用范围
除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.
name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. (name有时有自己的用途)
name 用于 form 内元素,提交需要
id 用于 form 外元素好用因为 DOM 能直接取得单一元素
document.getElementByIdx_x_x(“id_Number”) 得到的是单个元素
document.getElementsByName(“name”) 得到的是数组
注:元素的获取方式
取得 id :document.getElementByIdx_x_x(“idname”)
取得 name : document.getElementsByName(“name”)[0?1?2?3?....]
表单元素 (form input textarea select) 与框架元素 (iframe frame) 用 name
这些元素都与表单 ( 框架元素作用于 form 的 target) 提交有关 , 在表单的接收页面只
接收有 name 的元素 , 赋 ID 的元素通过表单是接收不到值的
Name 其实要复杂的多,因为 Name 有很多种的用途,所以它并不能完全由 ID 来代替,从而将其取消掉。
具体用途有:
用途 1: 作为可与服务器交互数据的 HTML 元素的服务器端的标示,比如 input 、 select 、 textarea 、和 button 等。我们可以在服务器端根据其 Name 通过 Request.Params 取得元素提交的值。
用途 2: HTML 元素 Input type=’radio’ 分组,我们知道 radio button 控件在同一个分组类, check 操作是 mutex 的,同一时间只能选中一个 radio ,这个分组就是根据相同的 Name 属性来实现的。
用途 3: 建立页面中的锚点,我们知道 link 是获得一个页面超级链接,如果不用 href 属性,而改用 Name ,如: ,我们就获得了一个页面锚点。
用途 4: 作为对象的 Identity ,如 Applet 、 Object 、 Embed 等元素。比如在 Applet 对象实例中,我们将使用其 Name 来引用该对象。
用途 5: 在 IMG 元素和 MAP 元素之间关联的时候,如果要定义 IMG 的热点区域,需要使用其属性 usemap ,使 usemap=”#name”( 被关联的 MAP 元素的 Name) 。
用途 6: 某些特定元素的属性,如 attribute ,和 param 。例如为 Object 定义参数。
二,唯一性区别
有些标签,可以同时有name和id.
id 就像身分证号,是唯一的, name 就像姓名一样可以同名
在一个HTML网页中,id是唯一的,即只有某一个标签,或某一个块的标识符是这个id.
而当有多个name时,系统自动使同name归为数组
赋 name: document.formName.inputName document.frames(“frameName”)
赋 ID : document.all.inputID document.all.frameID
在通用的情况下:
NAME.属性
document.NAME.属性
document.getElementsByName(‘NAME’)
ID.属性
document.ID.属性
document.getElementByIdx_x_x(‘ID).属性
From:http://www.blogjava.net/yqslovelwb1314/articles/372306.html
自己在用的过程中总结一下id和name的使用区别。
一,使用范围
除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.
name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. (name有时有自己的用途)
name 用于 form 内元素,提交需要
id 用于 form 外元素好用因为 DOM 能直接取得单一元素
document.getElementByIdx_x_x(“id_Number”) 得到的是单个元素
document.getElementsByName(“name”) 得到的是数组
注:元素的获取方式
取得 id :document.getElementByIdx_x_x(“idname”)
取得 name : document.getElementsByName(“name”)[0?1?2?3?....]
表单元素 (form input textarea select) 与框架元素 (iframe frame) 用 name
这些元素都与表单 ( 框架元素作用于 form 的 target) 提交有关 , 在表单的接收页面只
接收有 name 的元素 , 赋 ID 的元素通过表单是接收不到值的
Name 其实要复杂的多,因为 Name 有很多种的用途,所以它并不能完全由 ID 来代替,从而将其取消掉。
具体用途有:
用途 1: 作为可与服务器交互数据的 HTML 元素的服务器端的标示,比如 input 、 select 、 textarea 、和 button 等。我们可以在服务器端根据其 Name 通过 Request.Params 取得元素提交的值。
用途 2: HTML 元素 Input type=’radio’ 分组,我们知道 radio button 控件在同一个分组类, check 操作是 mutex 的,同一时间只能选中一个 radio ,这个分组就是根据相同的 Name 属性来实现的。
用途 3: 建立页面中的锚点,我们知道 link 是获得一个页面超级链接,如果不用 href 属性,而改用 Name ,如: ,我们就获得了一个页面锚点。
用途 4: 作为对象的 Identity ,如 Applet 、 Object 、 Embed 等元素。比如在 Applet 对象实例中,我们将使用其 Name 来引用该对象。
用途 5: 在 IMG 元素和 MAP 元素之间关联的时候,如果要定义 IMG 的热点区域,需要使用其属性 usemap ,使 usemap=”#name”( 被关联的 MAP 元素的 Name) 。
用途 6: 某些特定元素的属性,如 attribute ,和 param 。例如为 Object 定义参数。
二,唯一性区别
有些标签,可以同时有name和id.
id 就像身分证号,是唯一的, name 就像姓名一样可以同名
在一个HTML网页中,id是唯一的,即只有某一个标签,或某一个块的标识符是这个id.
而当有多个name时,系统自动使同name归为数组
赋 name: document.formName.inputName document.frames(“frameName”)
赋 ID : document.all.inputID document.all.frameID
在通用的情况下:
NAME.属性
document.NAME.属性
document.getElementsByName(‘NAME’)
ID.属性
document.ID.属性
document.getElementByIdx_x_x(‘ID).属性
From:http://www.blogjava.net/yqslovelwb1314/articles/372306.html
相关文章推荐
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- 学习笔记之php页面中js获取标签元素的ID值方法
- JS与JQ中iframe获取子父级页面元素的方法
- Js与Jq 获取页面元素值的方法和差异对比
- selenium获取页面元素方法归纳总结
- 原生的js获取DOM元素方法总结
- 原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
- js 实现获取name 相同的页面元素并循环遍历的方法
- js 获取元素在页面上的偏移量的方法汇总
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- Js与Jq 获取页面元素值的方法和差异对比
- 个人笔记 js 06 子页面获取父页面的元素的方法
- JS获取元素方法
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- JS跳转页面的方法总结
- 如何用js获取元素样式(get.ComputedStyle()和currentStyle方法)
- js获取元素的方法与属性
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- js跳转页面常用方法总结
- js获取元素外链样式的方法