欢迎您来到,码代码-李雷博客        登录  |  注册

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

更新:2015-09-21 16:11:27
人气:4254
来源:本站整理
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 得到的才是具体的值!

推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  本站PHP博客源代码下载
本站使用的PHP博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架,现已免费开源共享提供给大家下载!
PHP博客下载
  联系博主
QQ:858353007   个人微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2021 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号