Proponer : obtener o seleccionar el botón de etiqueta con javascripts después de que ajax muestre todos los datos,

Problema : no puedo obtener el botón después de la respuesta de ajax.

Descripción: uso javascript y el botón de selección con id = "btn_infor" uso querySelectorAll(), pero cuando estaba seleccionando, los datos no se encuentran y mis listas de nodos variables no tienen nada.

JavaScript (Ajax):

 function get_databyvisibility(num,variabels){ visible = num $.ajax({ type:'GET', url:`/post-jsondata/${visible}/`, dataType:'json', success: function(response){ variabels(response.data) }, error: function(error){ console.log(error) } })

Luego uso esta función para mostrar datos a html.

 function call_datas(result){ result.map(post =>{ more_procudt.innerHTML += ` <div class="product-box"> <img src="${post.image_urls}" alt="" class="product-img" id="more-imgpro"> <h2 class="product-title" id="more-titlepro">${post.name}</h2> <span class="price" id="more-pricepro">$${post.price}</span> <div class="detail-info"> <button class="but-info" id="btn_infor">Detail</button> </div> </div> ` })

Llamo a la función: get_databyvisibility(4,call_datas)

después de llamar a la función y luego uso este código para seleccionar esta etiqueta " <button class="but-info" id="btn_infor">Detail</button> "

Este es el código para seleccionar todos los botones : const button_information = document.querySelectorAll("btn_infor");

Después de seleccionar todos los botones, mi variable no tiene ninguna lista de nodos.