javascript - 使用接受字符串的事件处理程序动态创建元素

Question

这让我发疯。

我通过以下方式动态创建表格中的单元格:

tr.append("<td>" + countryArr[i].ISO_id + "</td>");

我创建了一个按钮，单击该按钮时将调用一个值为 countryArr[i].ISO_id 的函数。该值是一个字符串，需要用“引号”调用。

我无法使用引号调用该函数。

我已经尝试过:

tr.append("<td><button type='button' onclick='showCyclists(" + cId  + ")'>Show country's cyclists</button></td>");
tr.append("<td><button type='button' onclick='showCyclists("" + cId  + "")'>Show country's cyclists</button></td>");
tr.append("<td><button type='button' onclick='showCyclists('" + cId  + "')'>Show country's cyclists</button></td>");

这些都不起作用。请帮忙

Answer 1

使用 ES6，您可以只使用以下名称 template literals ，注意反引号`

tr.append(`<td><button type='button' onclick='showCyclists("${cId}")'>Show country's cyclists</button></td>`);