欢迎您来到,王磊个人博客        登录  |  注册

document.getElementById与getElementByName的不同与用法详解

更新:2015-09-21 16:11:27
人气:3070
来源:本站整理
A+

1、id就像身分证号,是唯一的,name就像姓名一样可以同名;

2、一个元素定义了id,引用该元素时直接用id属性,而name通常用在form中,且必须由document.form.***而来,也就是说,name属性定义的元素在脚本中是document对象的子对象。

3、name用于form内元素用于提交表单,id用于form外元素好用因为DOM能直接取得单一元素

document.getElementById("id_Number")

得到的是单个元素

document.getElementsByName("name")

得到的是数组

4、id每页只能有一个,name可以有多个,name有些标签不推荐用它

取得 id:document.getElementById("idname")
取得 name:document.getElementsByName("name")[0或1或2或3....]

5、表单元素(form,input,textarea,select)与框架元素(iframe,frame)用name,这些元素都与表单(框架元素作用于form的target)提交有关,在表单的接收页面只接收有name的元素,赋ID的元素通过表单是接收不到值的,你自己可以验证一下。有一个例外:A可以赋name作为锚点,也可以赋ID;

需要注意的是,在码代码的时候,一定要注意大小写问题,否则可能造成代码不能正确执行。(记录:document.getElementById("ID").innerHTML,这里的innerHTML也要注意大小写)另外,document.getElementById("IDNAME") 得到的是一个对象,用 alert 显示得到的是“object”,而不是具体的值,它有 value 和 length 等属性,加上 .value 得到的才是具体的值!

打赏

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
 
 
欢迎来到王磊博客 www.love1010.com
技术支持:本PHP博客系统,由www.mdaima.com 开发并免费开源分享   
? ?