傳遞PHP變量時，JavaScript拋出TypeError，document.getElementById

Question

我正在嘗試編寫一個函數，當您單擊按鈕時，該函數將動態顯示表單（在div中，其中會有多個實例，因此會有奇怪的“ id”名稱）。 然后，它應該發布到單獨的PHP文件。 這是我到目前為止的代碼：

function add_comment_url($table, $id) {
    $html = '<div id="comment' . $id . '" name="comment_box" style="display: none">
        <form action="cgi-bin/add_comment.php" method="post">
            <textarea id="comment" name="comment"></textarea>
            <input type="hidden" name="id" value="' . $id . '">
            <input type="hidden" name="table" value="' . $table . '">
            <input type="submit" name="submit" value="Submit Comment">
        </form></div>
        <input type="button" value="Add Comment" onclick="showComment();">
        <script>
    var id= ' . json_encode($id) . ';
    showComment(id);
    </script>';

    return($html);
}

“添加評論”按鈕顯示正常，但我無法顯示，並且當我單擊該按鈕時，Firefox控制台顯示“ TypeError：div is null”錯誤。

我猜想我搞砸了JS變量分配，但是我對如何解決這個問題不知所措。 有什么想法嗎？

編輯-最終代碼

我發現我做錯了什么...我在不需要時定義了var ！ 這是新功能，可以正常工作：

function add_comment_url($table, $id) {
$html = '<div id="comment' . $id . '" name="comment_box" style="display: none">
    <form action="cgi-bin/add_comment.php" method="post">
        <textarea id="comment" name="comment"></textarea>
        <input type="hidden" name="id" value="' . $id . '">
        <input type="hidden" name="table" value="' . $table . '">
        <input type="submit" name="submit" value="Submit Comment">
    </form></div>
    <input type="button" value="Add Comment" onclick="showComment(' . $id . ');">';

return($html);

}

Answer 1

您不能在PHP字符串中使用<?php 。 您應該使用字符串串聯或插值：

function add_comment_url($table, $id) {
    $html = '<div id="comment' . $id . '" name="comment_box" style="display: none">
        <form action="cgi-bin/add_comment.php" method="post">
            <textarea id="comment" name="comment"></textarea>
            <input type="hidden" name="id" value="' . $id . '">
            <input type="hidden" name="table" value="' . $table . '">
            <input type="submit" name="submit" value="Submit Comment">
        </form></div>
        <input type="button" value="Add Comment" onclick="showComment();">
        <script>
        function showComment() {
        var id= ' . json_encode($id) . ';
        div = document.getElementById(\'comment\' + id);
        div.style.display = "block";}</script>';
    return($html);
}

您是否為每個注釋塊重復此函數定義？ 我建議只定義一次showComment() ，並使其以commentID作為參數。