quería saber como podría hacer para limpiar los inputs de un nodeList siempre y cuando tengan la clase "div"
Probé esto y muchas cosas más pero nada, no estaria encontrando la forma:
let nodoHijos = clon.childNodes;
nodoHijos.getElementsByTagName("div").querySelector("input").value = "";
Lo que tengo en el HTML es lo siguiente:
<div class="row clonar">
<div class="col mb-2">
<input class="form-control form-control-sm" id="input1" type="text" aria-label=".form-control-sm example" placeholder="Nombre y Apellido" name="NyA1" required>
</div>
<div class="col">
<input class="form-control form-control-sm" id="input2" type="text" aria-label=".form-control-sm example" placeholder="Cohorte" name="Cohorte1" required>
</div>
<div class="col">
<div class="input-group input-group-sm">
<input class="form-control" id="exampleFormControlInput1" type="text" placeholder="Correo Institucional" name="CorreoInstitucional1" required>
<span class="input-group-text" id="basic-addon2">@hotmail.com</span>
</div>
</div>
<div class="col">
<input class="form-control form-control-sm" id="inputGroupFile02" type="file" name="FotoAlumno1" required>
</div>
</div>
Y el script es este:
<script>
let agregar = document.getElementById("agregar");
let contenido = document.getElementById("contenedor");
agregar.addEventListener("click", e =>{
e.preventDefault();
let clonado = document.querySelector(".clonar"); // Seleccionamos lo que vamos a clonar
let clon = clonado.cloneNode(true); // Ya clonado el nodo, osea el div
let nodoHijos = clon.childNodes;
// Obtener todos los inputs
let inputs = nodoHijos.querySelectorAll('div input');
// Recorrer para poner valor
inputs.forEach(input => input.value = '');
contenido.appendChild(inputs).classList.remove("clonar"); // Adjuntamos un hijo al final de todo
})
</script>