如何在eventListener中使用参数？

使用不显眼的事件处理程序时，不会传递参数。相反，您可以使用属性将元数据存储在元素中，并在事件触发时将其读回。data

此外，请注意，在循环创建重复内容时，切勿使用属性。这将导致无效的重复。在这种情况下，您应该使用通用型。idclass

下面是实施上述准则的工作示例：

const editButtonHandler = e => {
  const row = e.target.closest('tr');
  const rowId = row.dataset.rowid;
  console.log(`Editing rowId: ${rowId}`);
  // your logic here...
}

const deleteButtonHandler = e => {
  const row = e.target.closest('tr');
  const rowId = row.dataset.rowid;
  const rowNumber = row.dataset.rownumber;
  const rowSigno = row.dataset.signo;
  console.log(`Deleting rowId: ${rowId} / number: ${rowNumber} / signo: ${rowSigno}`);
    
  // your logic here... AJAX?
  
  row.remove();
}

document.querySelectorAll('.edit-button').forEach(btn => btn.addEventListener('click', editButtonHandler));
document.querySelectorAll('.delete-button').forEach(btn => btn.addEventListener('click', deleteButtonHandler));

<table>
  <tbody>
    <tr data-rowid="id1" data-rownumber="num1" data-signo="foo">
      <td>1</td>
      <td>signo_solar 1</td>
      <td>
        <button class="btn btn-danger edit-button">Editar</button>
        <button class="btn btn-danger delete-button">Eliminar</button>
      </td>
    </tr>    
    <tr data-rowid="id2" data-rownumber="num2" data-signo="bar">
      <td>1</td>
      <td>signo_solar 2</td>
      <td>
        <button class="btn btn-danger edit-button">Editar</button>
        <button class="btn btn-danger delete-button">Eliminar</button>
      </td>
    </tr>
  </tbody>
</table>

这是为您提供的参考实现。

<tbody>
<?php
$query = mysqli_query($conn, "SELECT id, nombre, signo_solar FROM horoscopos") or die (mysqli_error($conn));
                        
if (mysqli_num_rows($query)==0){
echo "<td colspan='3'>No hay horóscopos que mostrar. Prueba a añadir uno en 'Crear entrada' del menú superior.</td>";
}else{
while ($row = mysqli_fetch_array($query)) { // Mientras haya elementos en el array
    echo "<tr>";
    echo "<td>$row[nombre]</td>";
    echo "<td>$row[signo_solar]</td>";

    echo "<td>
          <button class='btn btn-danger' id='EditButton' data-id='"+$row['id']+"'>Editar</button>
          <button class='btn btn-danger' id='DeleteButton' data-id='"+$row['id']+"' data-nombre='"+$row['nombre']+"' data-signo='"+$row['signo_solar']+"'>Eliminar</button>
          </td>";
    echo "</tr>";
}
}
?>
</tbody>

JS 将是：

function editEntry(event){
    var id = event.target.getAttribute("data-id");
}
function deleteEntry(event){
    var id = event.target.getAttribute("data-id");
    var nombre = event.target.getAttribute("data-nombre");
    var signo = event.target.getAttribute("data-signo");
}

document.addEventListener('DOMContentLoaded', (event) => {
    document.getElementById("EditButton").addEventListener("click", editEntry);
    document.getElementById("DeleteButton").addEventListener("click", deleteEntry);
})