javascript - 未找到动态 Javascript HTML ID

Question

我正在使用 javascript 动态创建 td 元素。我正在分配来自 for 循环的 id。我无法触发 onclick，因为它会抛出找不到 id 的错误。如果我检查该页面，它就在那里。

var button_pressed_yes = 'rec_btn_yes_'+i;
var tempTd = '<td  class="cust-data-row-yes" style="height:40px;width:10%;  id="rec_btn_yes_' +i+'"  onclick="addYes('+button_pressed_yes+')" >';

$(".custDataWindow1").append(tempTd);

在我的 JS 中:

    function addYes(btnname){   
    alert("hello from button " + btnname);  
}

错误:

(index):1 Uncaught ReferenceError: rec_btn_yes_2 is not defined at HTMLTableCellElement.onclick

Answer 1

您需要将 button_pressed_yes 括在引号中才能将其作为字符串传递:

var button_pressed_yes = 'rec_btn_yes_'+i;
var tempTd = '<td  class="cust-data-row-yes" style="height:40px;width:10%;  id="rec_btn_yes_' +i+'"  onclick="addYes(\''+button_pressed_yes+'\')" >';

$(".custDataWindow1").append(tempTd);

现在，生成的 onclick 将具有类似于以下内容的生成值:

onclick="addYes(rec_btn_yes_2)"

rec_btn_yes_2 变量不存在。这就是为什么您需要将其作为字符串传递，因此生成的结果如下所示:

onclick="addYes('rec_btn_yes_2')"