Estoy desarrollando un Crud en JS pero no logro hacer funcionar lo de Editar valores ya creados en un array.
Espero me puedan ayudar! de antemano, gracias!
Tengo esta funcion, que lo que hace es colocarme los valores del array en cada label perteneciente, pero no me los modifica :(
function Editar(columna){
filaActual = columna.parentElement.parentElement;
document.getElementById('nom').value = filaActual.cells[0].innerHTML;
document.getElementById('ape').value = filaActual.cells[1].innerHTML;
document.getElementById('pais').value = filaActual.cells[2].innerHTML;
}
Esta es la parte del HTML donde estoy ingresando los datos al array, la parte del Crud de Escribir y borrar si me funciona, solo me hace falta la parte de Editar los valores del array
<form onsubmit="onFormSubmit();event.preventDefault();Vaciar();" autocomplete="off">
<div class="tablita">
<table class="tabla" id="tabla">
<thead>
<tr> <!-- Horizontal -->
<th>Nombre</th> <!--Vertical-->
<th>Apellido</th>
<th>País</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<br/>
<br/>
<div class="caja">
<label>Ingrese Nombre</label> <input type="text" id="nom" placeholder="Escriba aqui" required>
<label>Ingrese Apellido</label> <input type="text" id="ape" placeholder="Escriba aqui" required>
<label>Ingrese País</label> <input type="text" id="pais" placeholder="Escriba aqui" required>
</div>
<br/>
<input class="submit" type="submit" value="Escribir">
</form>
<label></label>
considere reemplazar.value
por.textContent
. De esa manera, lograrás que el contenido de losArray
pasen a las etiquetas.