[SOLUCIONADO] no uso getElementByid y funciona

[pipe07]

no entiendo como trabaja (si funciona), mi duda es como lo hace porque no necesito llamar elemento por elemento ?

Código Javascript:

var Login = function() {
 
    // this.logIn = document.getElementById('logIn');
    // this.singUp = document.getElementById('singUp');
    // this.mod1 = document.getElementById('mod1');
    // this.mod2 = document.getElementById('mod2');
    // this.SingUp = document.getElementById('SingUp');
    // this.enun = document.getElementById('enun');
    // this.show = document.getElementById('show');
    // this.itempass =  document.getElementById('itempass');
    // this.itemrepass = document.getElementById('itemrepass');
    // this.submitbotton = document.getElementById('submitbotton');
    // this.link = document.getElementById('link');
    // this.logForm = document.getElementById('logForm');
    // this.logwidth  = document.getElementById('logwidth');
//felipe:no tengo idea porque los elementos pueden ser llamados sin  el getElementById
 
    show.addEventListener('click', this.show_hide , true);
    logIn.addEventListener('click', this.loginUp , false);
    singUp.addEventListener('click', this.singUpUp , false);
    mod1.addEventListener('click', this.loginUp , false);
    mod2.addEventListener('click', this.singUpUp , false);
 
};
    
    Login.prototype.loginUp= function() {
 
        mod1.className = "";
        mod2.className = "inactive"; 
        enun.innerHTML =  'Enter your email and password to <b>sign in</b> ';
        link.innerHTML =  'forget your password ?';
        itemrepass.style.display = "none";
        itempass.style.width = "100%";
        show.style.display = "inline-block";    
        submitbotton.value =  'LOGIN';
        logForm.action =  '/auth';
        logwidth.innerHTML = 'Sing in width';
 
    };
    Login.prototype.singUpUp= function() {
        
        
        mod1.className = "inactive";
        mod2.className = ""; 
        enun.innerHTML =  'Enter your personal details to <b>create an acount</b> ';
        link.innerHTML =  'By creating an account you agree to our <b>Terms & Privacy</b>';
        itemrepass.style.float = itempass.style.float ="left";
        itempass.style.width = "50%";
        itemrepass.style.width = "50%";
        itemrepass.style.borderLeft = " 1px solid  rgba(0,0,0,0.2)";
        itemrepass.style.display = "block";
        show.style.display = "none";
        submitbotton.value =  'CREATE ACCOUNT';
        logForm.action =  '/createuser';
        logwidth.innerHTML = 'create an acount width';
        if(show.innerHTML==="Hide"){
            show.innerHTML = "Show";
            password.type="password";
        }   
    };
    Login.prototype.show_hide = function() {
        if(show.innerHTML==="Show"){
            show.innerHTML = "Hide";
            password.type="text";
 
        }else{
            show.innerHTML = "Show";
            password.type="password";
        }
    
    };
 

[PHPeros]

Sí

Todos los elementos del DOM se almacenan automáticamente en una variable de su mismo ID. No obstante, como todas las variables, se pueden modificar y la única forma infalible de obtenerlos es mediante dicha función.

[pipe07]

esto solo funciona dentro de objetos ?
porque, probando en por fuera de el objeto no me las id como variables

[PHPeros]

Las variables que comento son globales, que las estés declarando como propiedades no tiene nada que ver. Entonces deberías accederlas mediante this dentro de la función constructora.