JavaScript no funciona en Thymeleaf. En Spring Boot Thymeleaf, lo primero que puede hacer es abrir modal.

pero segundo, tercero... las cosas no pueden abrir modal.

cada cosa tiene un className. pero solo lo primero puede abrir modal.

Creo que JavaScript solo funciona en lo primero y no funciona en otras cosas.

 <tr th:each="board, i : ${boards}"> <th scope="row" th:text="${i.count}">1</th> <td> <p id="show" th:text="${board.title}">Title</p> <div class="modal"> .... </modal> </td> <td th:text="${board.writer}">이재윤</td> <td th:text="${board.createDate}">2022-02-01</td></p> </tr>

js

 function show() { document.querySelector(".background").className = "background show"; } function close() { document.querySelector(".background").className = "background"; } document.querySelector("#show").addEventListener("click", show); document.querySelector("#close").addEventListener("click", close);