GetElementsByName

O método getElementsByName em JavaScript é usado para acessar uma lista de elementos HTML com um atributo name específico. Ele retorna uma NodeList (coleção de nós) contendo todos os elementos com o atributo name correspondente. A NodeList é uma lista ao vivo, o que significa que será automaticamente atualizada se novos elementos com o mesmo nome forem adicionados ou existentes forem removidos da página.

Aqui está a sintaxe básica do método getElementsByName:

var elementos = document.getElementsByName("nomeDoElemento");

"nomeDoElemento" é o valor do atributo name dos elementos que você deseja buscar.

Após usar getElementsByName, você pode acessar os elementos recuperados, iterar sobre a NodeList e manipular os elementos conforme necessário. Aqui está um exemplo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exemplo getElementsByName</title>
</head>
<body>
    <input type="text" name="username" value="Alice">
    <input type="text" name="username" value="Bob">
    <input type="text" name="username" value="Charlie">

    <script>
        // Acessando elementos pelo atributo name
        var elementos = document.getElementsByName("username");

        // Iterando sobre os elementos e exibindo seus valores
        for (var i = 0; i < elementos.length; i++) {
            console.log(elementos[i].value);
        }
    </script>
</body>
</html>

Neste exemplo, três campos de entrada com o atributo name="username" são acessados usando getElementsByName, e seus valores são exibidos no console.

Por favor, note que getElementsByName retorna uma NodeList, então você pode usar índices para acessar elementos específicos na coleção, assim como faria com um array. Se você estiver trabalhando com um único elemento, ainda precisa usar um índice (elementos[0]) para acessá-lo, mesmo que só haja um elemento com o atributo name correspondente.