0

Me gustaría crear una función en JS, la cual está vinculada a un botón y esta sea capaz de eliminar todos los elementos de una misma clase. Por aquí dejo lo que he intentado, aunque no funciona. Primero dejo el código

<button onclick="resetCapa()">Resetear capas</button></br>

Aquí dejo el de la función resetCapa()

function resetCapa() {
    document.getElementByClassName("caja").classList.toggle("hide");
}
2
  • Eliminar o solo ocultar?
    – BetaM
    el 9 mar. 2021 a las 18:04
  • A ser posible eliminar
    – gjgjgjgj14
    el 9 mar. 2021 a las 18:05

1 respuesta 1

2

En tu código veo esto:

document.getElementsByClassName("caja").classList.toggle("hide");

Recuerda que getElementsByClassName te da un HTMLCollection, por lo cual debes especificar el índice

document.getElementsByClassName("caja")[0].classList.toggle("hide");

Puedes hacerlo con querySelectorAll, este método nos da una lista de nodos que podremos recorrer con forEach

function resetCapa() {
  const elems = section.querySelectorAll("*");
  elems.forEach(el => {
    el.parentNode.removeChild(el);
  });
}
<div id="section">
  <p>Hello world</p>
  <p>Hello world</p>
  <p>Hello world</p>
  <p>Hello world</p>
</div>
<button onclick="resetCapa()">Resetear capas</button></br>

4
  • Ninguna de las 2 funciona. En el primer caso me aparece este error: funciones.js:74 Uncaught TypeError: document.getElementByClassName is not a function at resetCapa (VM93 funciones.js:74) at HTMLButtonElement.onclick (principal.html:14)
    – gjgjgjgj14
    el 9 mar. 2021 a las 18:12
  • @Guillemj entonces nos falta mas datos a tu pregunta el 9 mar. 2021 a las 18:20
  • El caso es que tengo un botón que crea x div dentro de otro div. Lo que estoy preguntando es una función que borre todos los div creados con ese botón, los cuales se encuentran en el div con id = "section"
    – gjgjgjgj14
    el 9 mar. 2021 a las 18:23
  • @Guillemj Nos faltaba el dato del id para reproducir el problema, debería funcionar ahora el 9 mar. 2021 a las 18:47

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.