Javascript: acesse elementos DOM sem getElementById [duplicado]

Question

Apr 17, 2014, 12:46 AM

Javascript: acesse elementos DOM sem getElementById [duplicado]

Esta pergunta já tem uma resposta aqui:

Existe uma especificação de que o ID dos elementos deve se tornar variável global? 5 respostas

Abaixo está um código de exemplo.

<body>
    <div id="wrapper" class="access">
        <form id="test">
            <input id="password"></input>
            <input type="submit"></input>
        </form>  
    </div>
    <script>
        console.log(password);
        alert(wrapper.className);
    </script>
</body>

O log do console retorna o elemento DOM com idpassword. O alerta é "alerta".

Também funciona no código normal, p.var x = wrapper.className;

Certamente isso não está certo? Qual é o objetivo dedocument.getElementById, $('#password') ougoog.dom.getElement se isso funciona assim? Essas funções são apenas para o legado agora?

Funciona no Firefox, Chrome e Safari, aliás.