Me gustaría crear una ventana emergente cuando presiono "detalles". No sé cómo lidiar con "createElement".
let ul = document.createElement('ul'); let detail = document.createElement('details'); detail.appendChild(ul); // element du detail let summary = document.createElement('div'); summary.appendChild(detail); let colDetail = document.createElement('td'); colDetail.className = 'td-detail'; colDetail.appendChild(summary); <th>Détails</th>Puede consultar el complemento de superposición de ventanas emergentes de jquery.
https://dev.vast.com/jquery-popup-overlay/
Las instrucciones sobre cómo hacer una ventana emergente superpuesta son geniales.
Puede usar .addEventListener() o .onClick en el elemento.
Una ventana emergente en la página se llama modal. La forma más sencilla de hacerlo no es crear el nuevo elemento, sino tenerlo junto con una clase CSS que está oculta:
.nodisplay { display: none }Luego lo ocultas o lo muestras eliminando la clase con
element.classList.add('nodisplay')o
element.classList.remove('nodisplay')