Javascript: TypeError: document.getElementById(...) 为 null 动态创建 <div> MVC4

Question

我正在尝试从我的模型中的条目创建一个表。

我有一个 foreach，每个元素都有以下代码:

<td class="answerTD">
    <div class="answerOptionDiv" onclick="rightanswer(A1@(item.id))">
         @item.Choice1
    </div>
</td>
<td class="answerTD">
    <div id="A1@(item.id)" class="rightAnswer">Correct</div>
</td>

我使用元素 ID 和字母范围为每个 div 提供唯一的名称

我有一个非常简单的 javascript 函数(它适用于另一种不是动态创建的表单)，它只显示答案 div:

<script>
    function rightanswer(x) {
        console.info = 'Fired Right';
        document.getElementById(x).style.display = 'block';
    }
</script>

当我在 Firebug 中测试该功能时，出现以下错误并且控制台不显示我的信息消息:

TypeError: document.getElementById(...) is null

document.getElementById(x).style.display = 'block';

我想做的事情可行吗？

Answer 1

您应该在引号中传递参数。

使用

<div class="answerOptionDiv" onclick="rightanswer('A1@(item.id)')">

代替

<div class="answerOptionDiv" onclick="rightanswer(A1@(item.id))">