A diferença entre id e nome em js:
Em js, id e nome são usados para identificação (chamada dos elementos da página), id geralmente é único, mas o nome não é necessariamente único.
Além das tags BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE, o id também está disponível.
O nome foi originalmente usado para identificação, mas agora, de acordo com a especificação, é recomendável usar id para identificar o elemento. No entanto, o nome não pode ser substituído para os seguintes propósitos:
1. O nome do controle do formulário e os dados enviados são controlados pelo nome do controle em vez do ID. Porque existem muitos nomes que correspondem a vários controles, como caixa de seleção e rádio, e a identificação deve ser exclusiva em todo o documento. Além disso, o navegador definirá a solicitação enviada ao servidor de acordo com o nome. Portanto, se o ID for usado, o servidor não poderá obter os dados.
2. Os nomes de quadros e janelas são usados para especificar destinos em outros quadros ou janelas.
Os dois seguintes podem ser usados em comum, mas é altamente recomendável usar o id em vez do nome:
Pontos de ancoragem, geralmente escritos anteriormente como <a name="myname">, agora podem ser especificados com qualquer ID de elemento: <div id = "myid">.
O seguinte só pode usar id:
1. A associação do controle de rótulo e formulário,
<label for = "MyInput"> Minha Entrada </ label>
<input id = "MyInput" type = "text">
para o atributo especifica o elemento associado ao rótulo Id, você não pode substituir o nome.
2. O mecanismo de seleção de elemento CSS especifica elementos que aplicam estilos na forma de #MyId e não podem ser substituídos por nome.
3. Obtenha o objeto
no script : O IE suporta para se referir diretamente ao objeto identificado pelo ID pelo ID (não pelo nome) no script. Por exemplo, a entrada acima, para obter o conteúdo de entrada no script, pode ser obtida diretamente por MyInput.value.
Se você usa o DOM, use document.getElementById ("MyInput"). Value, se você quiser usar o nome, geralmente obtenha o formulário que contém o controle primeiro, como document.forms [0] e, em seguida, consulte o nome do formulário É o valor que será enviado ao servidor após o cálculo.
Nota: A diferença entre nome e ID é que o ID deve atender aos requisitos de identificação, como distinção entre maiúsculas e minúsculas, é melhor não incluir sublinhados (porque não é compatível com CSS). O nome basicamente não tem requisitos e números pares podem ser usados.
ID e nome em HTML
Referência: https://blog.csdn.net/cindysaj/article/details/83320567