¿Alguien puede explicar por qué esto
x = document.getElementById('bob').style.display; x = 'hidden';
no funciona
pero
x = document.getElementById('bob'); x.style.display = 'hidden';
¿obras?
Entonces, la razón detrás de esto es que en el primer ejemplo, x devolverá un valor de cadena de la pantalla, y cambiar eso solo cambiará la cadena en su código JS. Mientras que en el segundo ejemplo x = a una referencia a un objeto HTML en el DOM. Cambiar las propiedades de esta variable hará un cambio en el DOM, porque es un elemento HTML y no una cadena.