javascript 事件偵聽器不適用於 php

Question

當用戶單擊按鈕時，我試圖顯示和隱藏表格。 我使用 JavaScript 的addEventlistener()來實現這一點，但是當我點擊按鈕時，表格只出現了很短的時間。 其他一切都按預期工作。

var btn = document.querySelector(".btn");
var tb = document.querySelector("table");
tb.style.display = "none"
btn.addEventListener("click", function(){
    tb.style.display = "block"
});

<?php   
    global $resul;
    global $query;
    error_reporting(E_ERROR|E_PARSE);

    $row = mysqli_fetch_array($resul);
    echo "<tr><td>".$row["id"]."</td><td>".$row["np"]."</td><td>" 
                   .$row ['center']."</td><td>".$row['mg'].
                   "</td><td>".$row["decs"]." "."</td></tr>";

    echo "</table>";
?>

Answer 1

從您發布的代碼中很難看出（需要更多詳細信息），但是由於您指定使用提交按鈕來執行此操作，因此我建議您更改<button type="submit"...> <button type="button"...>標簽。

此外，我建議您將 JS 事件偵聽器功能更改為：

1. 接收event對象

   btn.addEventListener("click", function(event){ ... }

2. 防止button的默認行為，通過添加

   event.preventDefault();

對於您的 JS 偵聽器函數，我總是將其放在函數代碼中的第一行。

再次發布有關代碼的更多詳細信息，以便為您提供答案。