Estoy tratando de ocultar varios elementos con un código js muy pequeño. Funciona bien si incluyo solo una clase, pero cuando incluyo más de una clase, ya no funciona. En concreto, siempre se oculta solo el primer selector insertado. ¿Alguien puede decirme qué estoy haciendo mal? Agradezco cualquier ayuda, gracias por cualquier respuesta.
Esto es lo que funciona para mí.
window.onload = function() { if (window.location.href.includes('?lost_pass=1')) { //Hide the element. document.querySelectorAll('.hide_login_title')[0].style.display = 'none'; document.querySelectorAll('.hide_login_msg')[0].style.display = 'none'; } };Esto es lo que estoy tratando de hacer
window.onload = function() { if (window.location.href.includes('?lost_pass=1')) { //Hide the element. document.querySelectorAll('.hide_login_title, .hide_login_msg')[0].style.display = 'none'; } };Parece que necesita recorrer los elementos que devuelve querySelectorAll. Hay un par de opciones para hacer esto, una es el método .forEach() integrado de la lista de nodos. Se vería así:
window.onload = function() { if (window.location.href.includes('?lost_pass=1')) { //Hide the element. document.querySelectorAll('.hide_login_title, .hide_login_msg') .forEach((element) => element.style.display = 'none'); } };