如何在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";
        }
    }