--- title: Document.getElementsByName() slug: Web/API/Document/getElementsByName translation_of: Web/API/Document/getElementsByName ---
O métodogetElementsByName()
do objeto {{domxref("Document")}} retorna uma coleção de elementos {{domxref("NodeList")}} com um dado {{domxref("element.name","name")}} no documento.
var elementos = document.getElementsByName(nome);
nome
que são adicionados/removidos do documento.nome
dos elemento(s).<!DOCTYPE html> <html lang="en"> <title>Exemplo: usando document.getElementsByName</title> <input type="hidden" name="up"> <input type="hidden" name="down"> <script> var up_nomes = document.getElementsByName("up"); console.log(up_nomes[0].tagName); // exibindo o campo "INPUT" </script> </html>
O atributo {{domxref("element.name","name")}} pode somente ser aplicado nos documentos (X)HTML.
A coleção retornada {{domxref("NodeList")}} contém todos os elementos com o respectivo nome
, tal como {{htmlelement("meta")}}, {{htmlelement("object")}}, e até os elementos o qual não suporta o atributo nome
para todos.
O método getElementsByName trabalha diferentemente em IE10 e anteriores. Além de que, getElementsByName()
também retorna elementos que tem um atributo id
com o valor especificado. Seja cuidadoso para não usar a mesma string como ambos nome
e id
.
O método getElementsByName trabalha diferentemente no IE. Portanto, getElementsByName()
não retorna todos os elementos no qual não pode ter um atributo nome
(tal como <span>
).
Ambos IE e Edge retorna um {{domxref("HTMLCollection")}}, e não um {{domxref("NodeList")}}
Epecificação | Status | Comentário |
---|---|---|
{{SpecName('HTML WHATWG', '#dom-document-getelementsbyname', "Document.getElementsByName()")}} | {{ Spec2('HTML WHATWG') }} | |
{{SpecName("DOM2 HTML", "html.html#ID-71555259", "Document.getElementsByName()")}} | {{Spec2("DOM2 HTML")}} | Definição Inicial |
{{Compat("api.Document.getElementsByName")}}
id
'div.myclass'