Básicamente, hice este código php y html para imprimir algunas cosas de la base de datos relacionadas con los productos (está en un bucle, por lo que imprime todos esos productos en la base de datos con diferentes ID y valores)
echo ' <div class="col-md-9 col-sm-9 '.$results_two['id'].'"> <h3>'.$results_two['name'].' ................ <span>$'.$results_two['price'].'</span></h3> <h4><h4>'.$results_two['descr'].'</h4> <button type="button" onClick="delete_product(this.id)" class="btn btn-danger" id="'.$results_two['id'].'" style=" height:30px;">Delete</button><button type="button" class="btn btn-warning" id = "'.$results_two['id'].'" style="height:30px; margin-left:3px;" onClick="edit_product(this.id)">Edit</button></h4> </div> '; como puede ver, he creado botones de eliminar y editar para modificar y eliminar información de la base de datos.
El botón Eliminar funciona perfectamente bien, tal como esperaba, pero el botón Editar hace que quiera pegarme un tiro... Estuve tratando de resolver esto durante una hora y media y estoy bastante seguro de que será un error estúpido.
aquí está el código js que se activa una vez que se presiona el botón de edición en html
function edit_product(id_clicked){ var x = document.getElementsByClassName(id_clicked).textContent; var value = x[0].textContent; alert(value); }; la identificación del producto y la clase div principal son exactamente iguales, porque quiero usarlo como elemento principal para obtener el valor de esos elementos h3, h4, span.
lo que quiero que haga es obtener la identificación del producto del lado html como un parámetro en función y usarlo para determinar los elementos secundarios del elemento div y luego obtener el valor de esos (sugiera si hay una manera más fácil de hacerlo, realmente lo haría lo aprecio )
pero lo que obtengo en cambio es que no está siendo alertado en absoluto, sin embargo, cuando intento alertar al documento. getElementsByClassName (id_clicked), muestra esto: [objeto HTMLCollection]
gracias de antemano por ayudar a un principiante.