HTML中Id和Name的区别是什么
导语:html中name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。以下的是百分网小编为大家这里的HTML中Id和Name的区别,希望你会喜欢。
HTML中Id和Name的区别是什么1
name是用来提交数据的,提供给表单用,可以重复;
id则针对文档操作时候用,不能重复。如:document.getElementById();
一、ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息,在form里面,如果不指定Name的话,就不会发送到服务器端。
二、以下元素input、select、form、frame、iframe用name,而以下元素table、tr、 td、p、p、span、h1、li用id,表单元素(form input textarea select)与框架元素(iframe frame)用 name,这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的.
当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了.
赋 name: document.formName.inputName document.frames("frameName")
赋 ID : document.all.inputID document.all.frameID
只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID)
body li a table tr td th p p span pre dl dt dd font b 等等
举个简单的`例子
用户名:
密码:
如果我要获得用户名和密码;JS用name获得的话,就得写成document.form1.username.value;
document.form1.password.value;
用id获得:
docuement.getElementById("username");
docuement.getElementById("pwd");
有时候name 可能会出现相同的名字,所以这时候我们用name获得就无法确定获得的是哪个值了。
document.getElemntsByName("username");
这里得到的是一个数组
document.getElementsByName(xxx); 取出的数组
document.getElementById(xxx); 取出是单个对象
还有需要注意的
有些元素 比如 p 可以用 id名字直接得到对象
p1.innerHTML = "asdfasdf";
而表单元素 就不可以这样了
只能用 document.getElementById(xx)
HTML中Id和Name的区别是什么2
1、不同用途:
名字是主要用于获取信息的表单字段提交表单,作为服务器端可以与服务器交互的HTML元素的标记数据,如输入、选择、文本区域、框架元件(iframe,框架,窗口名称,用于指定目标在其他框架或窗口),按钮等等。
而id和class主要是通过css控制设置了id和class的元素的样式。
2、用法不同:
定义了id的元素在css中用id选择器“#”来选择,例如<h1 id="center">My First Heading</h1>,css中用#center{ }来控制其样式,定义了class的元素在css中用类选择器“.”来选择。
例如:<h1 class="center"> My First Heading </h1>,css中用 .center{ }来控制其样式。
扩展资料:
关于ID和Name的一些注意事项
当然,页面上HTML元素的Name属性也可以充当一个小ID,因为在DHTML对象树中,我们可以使用文档。获取页面的getElementsByName包含所有指定的对象名称元素数组。
2. 如果n(n>, 1)个HTML元素有相同的ID怎么办?如何在DHTML对象中引用它们?如果我们使用ASPX页面,则不太可能发生这种情况,因为aspnet进程不允许处理ID不惟一的`ASPX页面,因此将抛出一个异常并不能正确呈现页面。
3、对于动态页面,我们坚持要我重复那个IE怎么办?此时,我们仍然可以使用document。getelementbyid来获取对象,但是我们只能获取其ID在HTML呈现中第一个出现的对象中重复的对象。
而这时重复的ID会在引用时自动变成一个数组,id重复的元素按Render的顺序依次存在于数组中。
【HTML中Id和Name的区别是什么】相关文章:
html与xhtml的区别规范是什么12-09
html中的空格字符09-27
html中If语句详解08-07
HTML5是什么09-09
java中String和StringBuffer的区别10-02
Java中hashmap和hashtable的区别11-11
Java中的堆和栈的区别09-05