如何在PHP代码中使用Javascript在没有href的锚点onclick上显示隐藏的div？

Question

我不想重新加载页面，所以我没有使用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>";
 ?>

也收到此错误：

 SyntaxError: expected expression, got end of script

Answer 1

您的代码将引发错误，如果您想要更简洁的方法，请尝试：

<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>";
?>