html js中name和id的区别和使用分析

JavaScript07

html js中name和id的区别和使用分析,第1张

js中web页面元素的调用可以有两种识别方法：id和name

自己在用的过程中总结一下id和name的使用区别。

一，使用范围

除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.

name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. (name有时有自己的用途)

name 用于 form 内元素，提交需要

id 用于 form 外元素好用因为 DOM 能直接取得单一元素

document.getElementByIdx_xx_x_x(“id_Number”) 得到的是单个元素

document.getElementsByName(“name”) 得到的是数组

var ele = document.getElementById('id_name')

ele.id = 'id_name'

ele.setAttribute('name', 'name_value')

name 可以多个标签有一样的name，document.getElementsByName()取到的是一个数组；用于form，action页面方便接收参数，用于form外元素，可以统一操作，比如把name为test的input全部hidden。

id 每个Html页只能存在一个，document.getElementsById()取到的是一个元素，然后对这个元素操作