«

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

时间:2024-3-3 10:35     作者:韩俊     分类: Javascript


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

标签: javascript html css

热门推荐