1.getElementById()
getElementById() pode acessar um elemento específico em DOCUMENT Como o nome sugere, ele obtém o elemento através do ID, portanto só pode acessar o elemento com o ID definido.
Por exemplo, existe um DIV com o ID docid:
código do programa
<div id=docid></div>
Então você pode usar getElementById(docid) para obter este elemento.
2.getElementsByName()
Isto é para obter elementos através de NAME, mas gostaria de saber se você notou que isso é GET ELEMENTS. O plural ELEMENTS significa que o que é obtido não é um elemento.
Porque o ID de cada elemento em DOCUMENT é único, mas o NAME pode ser repetido. Para usar uma analogia, é como se o número do cartão de identificação de uma pessoa fosse único (teoricamente, embora existam duplicatas na realidade), mas existem muitos nomes duplicados. Se um documento
Se houver mais de duas tags com o mesmo nome, getElementsByName() poderá obter esses elementos para formar um array.
Por exemplo, existem dois DIVs:
código do programa
<div nome=docname id=docid1></div>
<div nome=docname id=docid2></div>
Em seguida, você pode usar getElementsByName(docname) para obter esses dois DIVs, usar getElementsByName(docname)[0] para acessar o primeiro DIV e usar getElementsByName(docname)[1] para acessar o segundo DIV.
3.getElementsByTagName()
Isto é para obter elementos através de TAGNAME (nome da tag). Claro que um DOCUMENT terá a mesma tag, então este método também obtém um array.
O exemplo a seguir tem dois DIVs. Você pode acessá-los com getElementsByTagName(div). Use getElementsByTagName(div)[0] para acessar o primeiro DIV.
getElementsByTagName(div)[1] acessa o segundo DIV.
Para resumir o DOM padrão, tente usar o getElementById() padrão para acessar um elemento específico e use o getElementByTagName() para acessar tags. No entanto, o IE não suporta getElementsByName(), portanto você deve evitar usá-lo.
getElementsByName(), mas getElementsByName() e o document.all[] não padrão, eles têm suas próprias conveniências. Depende de qual navegador os usuários do site usam.