如何在PHP代码中使用Javascript在anchor onclick上显示隐藏的div，而不使用href？

我不希望我的页面重新加载，所以我没有使用PHP函数和$GET在PHP中显示div

我试图回显一个带有td的表，其中包含一个锚链接，一旦单击该链接，就会显示隐藏的div

以下是PHP代码：

<?php
echo "<table><tr><td><a href='javascript:;' onclick=\"document.getElementById(\'detailsDiv\').style.display=\'block\'\">View Details</a></td></tr></table>";

 echo "<div id='detailsDiv' style='display: none;'>";
 echo "<h1>Hello World!!</h1>";
 echo "</div>";
 ?>

---

您的代码会引发错误，如果您想要更干净的方法，请尝试：

<script>
    function hideDiv() {
        document.getElementById("detailsDiv").style.display = "block";
    }
</script>
<?php
    echo "<table><tr><td><a href='#' onclick='hideDiv();'>View Details</a></td></tr></table>";

    echo "<div id='detailsDiv' style='display: none;'>";
    echo "<h1>Hello World!!</h1>";
    echo "</div>";
?>

函数hideDiv（）{
document.getElementById（“detailsDiv”）.style.display=“block”；
}
从锚中删除
href
属性。不需要它。获取“SyntaxError:预期表达式，获取脚本结尾”Remove
href='javascript:；”
并将
onclick=\”document.getElementById（\'detailsDiv'）.style.display=\'block\'”
更改为
onclick=\”document.getElementById（'detailsDiv'）.style.display='block'\”
获取“语法错误：预期表达式，获取脚本结尾”在发布答案之前，我对其进行了测试。嗯，你有什么问题？你可以试试
<script>
    function hideDiv() {
        document.getElementById("detailsDiv").style.display = "block";
    }
</script>
<?php
    echo "<table><tr><td><a href='#' onclick='hideDiv();'>View Details</a></td></tr></table>";

    echo "<div id='detailsDiv' style='display: none;'>";
    echo "<h1>Hello World!!</h1>";
    echo "</div>";
?>