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

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 得到的才是具体的值！

打赏

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

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

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