`

javascript中id和name的区别

阅读更多
javascript中id和name的区别
id一般来说是唯一的,调用的时候直接用id名就可以了,而name不一定是唯一的,调用的时候一定要用document.formName.name来使用。

name原来是为了标识之用,但是现在根据规范,都建议用id来标识元素。但是name在以下用途是不能替代的: 
  1.  表单(form)的控件名,提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id,服务器是无法得到数据的。 
  2.  frame和window的名字,用于在其他frame或window指定target。 
   
  以下两者可以通用,但是强烈建议用id不要用name: 
  锚点,通常以前写作<a  name="myname">,现在可以用任何的元素id来指定:<div  id="myid">。 
   
  以下只能用id: 
  1.  label与form控件的关联, 
  <label  for="MyInput">My  Input</label> 
  <input  id="MyInput"  type="text"> 
  for属性指定与label关联的元素的id,不可用name替代。 
  2.  CSS的元素选择机制,以#MyId的方式指定应用样式的元素,不能用name替代。 
  3.  脚本中获得对象: 
  IE支持在脚本中直接以id(而不是name)引用该id标识的对象。例如上面的input,要在脚本中获得输入的内容,可以直接以MyInput.value来获得。 
  如果用DOM的话,则用document.getElementById("MyInput").value,如果要用name的话,通常先得到包含控件的form,例如document.forms[0],然后从form再引用name,注意这样得到的是经过计算后将发送给服务器的值。 
   
  name与id的还有区别是:id要符合标识的要求,比如大小写敏感,最好不要包含下划线(因为不兼容CSS)。而name基本上没有什么要求,甚至可以用数字。
分享到:
评论

相关推荐

    javascript通过元素id和name直接取得元素的方法

    主要介绍了javascript通过元素id和name直接取得元素的方法,涉及javascript获取元素的相关技巧,非常具有实用价值,需要的朋友可以参考下

    JavaScript通过元素的ID和name设置样式

    主要介绍了JavaScript通过元素的ID和name设置其样式,下面有个不错的示例,感兴趣的朋友可以测试下

    JavaScript中获取Radio被选中的值

    input type=radio name=userid value=1&gt;1 &lt;input type=radio name=userid value=2&gt;2 &lt;input type=radio name=userid value=3&gt;3 &lt;/form&gt; [removed] function usubmit(action){ v

    JavaScript编写的简单计算器

    input name="ipt" type="text" id="ipts" value="0" size="40" maxlength="20" readonly="readonly" /&gt; &lt;input name="button23" type="button" class="bt" id="button23" value="Backspace" /&gt; &lt;...

    JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id=...

    源文件程序天下JAVASCRIPT实例自学手册

    5.4.6 id属性和class属性 5.4.7 通过id属性返回指定对象 5.4.8 通过元素标签返回指定对象 5.4.9 通过name属性返回指定对象 5.4.10 获取特定属性的取值 5.4.11 设置特定属性的取值 5.4.12 删除特定的属性 5.5 附加的...

    JavaScript基础和实例代码

    5.4.6 id属性和class属性 5.4.7 通过id属性返回指定对象 5.4.8 通过元素标签返回指定对象 5.4.9 通过name属性返回指定对象 5.4.10 获取特定属性的取值 5.4.11 设置特定属性的取值 5.4.12 删除特定的属性 5.5 附加的...

    javascript函数的解释

    5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase...

    常用javascript语句大全

    5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或&#118alue) 6.一个小写转大写的&#106s: document.getElementById("output").&#118alue = document.getElementById("input").&...

    javascript版日期选择器

    &lt;SCRIPT LANGUAGE="JavaScript" ID="jscal1x"&gt; var cal1x = new CalendarPopup("testdiv1"); &lt;INPUT TYPE="text" NAME="date1x" id="date1x" VALUE="" SIZE=25&gt; &lt;div id="testdiv1" style="position:absolute;"&gt; ...

    107个常用Javascript语句

    107个常用Javascript语句: 1.document.write( " "); 输出语句 2.JS中的注释为// 3....一个浏览器窗口中的DOM顺序是:window- &gt;...得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value)

    超强JS(javascript)正则类第二版

    对超强JS(javascript)正则类的加强版 添加了按HTML中的(ID|NAME|自定义属性)取出或删除相应标签 getElememtBy(string,name,value); getElememtById(string,id); getElememtByName(string,name); ...

    javascript中的小技巧

    5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("i nput").value....

    【JavaScript源代码】js实现类选择器和name属性选择器的示例步骤.docx

    js实现类选择器和name属性选择器的示例步骤  jQuery的出现,大大的提升了我们操作dom的效率,使得我们的开发更上一层楼,如jQuery的选择器就是一个很强大的功能,它包含了类选择器、id选择器、属性选择器、元素选择...

    colorPicker.js javascript颜色选择框

    &lt;input name="color" type="text" id="color" size="10" value="#FFFFFF" alt="clrDlg" readonly /&gt; &lt;font id="colorFont" size="3" style="background-color:#FFFFFF;"&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...

    (2.7.2)--常见问题:表单中的id,name,value1

    (1)id 是惟一的,任何元素都可以有 id (2)name 可以不唯一,不是所有元素都有 name,表单元素有 name (3)value 就是要传给后端的那

    Javascript的常用语句

    5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value) 6.一个小写转大写的JS: document.getElementById( "output ").value = document.getElementById( "input ").value....

    javascript实现组织图

    --{name},{report to id, the id must be in other's id or TOP },{title},{id},{if show name in one box. not = 0, yes = 1} --&gt; &lt;div id="dataset" style="display:none"&gt; 赵小明,TOP,总经理,000001,0 王小二,...

    Javascript使用post方法提交数据实例

    本文实例讲述了Javascript使用post方法提交数据的方法。分享给大家供大家参考。...form id=post' + id + ' name=post'+ id +' action=' + action + ' method=post&gt;'); for (var key in values) { [removed]

Global site tag (gtag.js) - Google Analytics