如何在 HTML 中绑定 JavaScript 中的动态变量

Question

我应该如何将我在变量 @item.ArticleId 中获取的 ID 绑定到动态获取 ID 的 JavaScript 代码？

我的用例是我必须在点击添加评论按钮时显示评论文本框。

以下是我如何获取文章 ID 的代码：

<span id="addComment" onclick="AddaComment()"><i class="fa fa-comment" aria-hidden="true" ></i> Add a Comment</span>

            <div id="Comment(@item.ArticleId)" style="display:none;">

                <input type="hidden" name="ArticleId" id="ArticleId" />
                <input type="text" name="Comments" />
                <input type="submit" class="btn add-comment" value="Add Comment">
            </div>

下面是我的 JavaScript 代码：

function AddaComment() {
        var x = document.getElementById("Comment()");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }

Answer 1

我就是这样解决的：

function AddaComment(id) {
        var x = document.getElementById("Comment_"+id);
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }