Estoy tratando de ocultar algunos campos en sitios con javascript. Para esto, uso la consola del navegador correspondiente y aquí hago que el campo muestre = "ninguno"; con ClassName o ID, pero hice algunos intentos para mejorar estas cosas un poco más.
En estos experimentos, solo encontré un campo con la etiqueta <footer> , pero no tiene ClassName ni ID.
document.getElementsByClassName("footer")[0].style.display = "none";
¿Cómo puedo hacerlo invisible con el código js? Muchas gracias si puede volver a mí. Estoy tratando de aprender algo nuevo.
Puede utilizar la función document.querySelector() . Esto le permite especificar cualquier selector de CSS válido, lo que significa que en este caso puede usar el tipo de etiqueta del elemento para identificarlo.
Manifestación:
document.querySelector("footer").style.display = "none"; <div>Another div</div> <footer>Hello</footer>El código eliminará el mensaje "Hola" existente ocultando el elemento de pie de página. Todo lo que todavía está en exhibición es el "Otro div".
Documentación: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
Ya puedes crear una clase en CSS con visualización de estilo: ninguno; y luego agregar o agregar esa clase en el pie de página,
let element = document.querySelector(".footer"); function hideFooter() { element.classList.add("hide"); } .hide { display: none; } <footer class="footer"> <!-- footer code --> <p>This Is Footer </p> </footer> <button onClick="hideFooter()"> Hide Footer </button>