Javascript js语法错误：缺少）在参数之后

我不确定出了什么问题

cell1.innerHTML = '<a onclick="displaySteps(\'' + temp +  '\')" id="testSteps"><i class="fa fa-plus-circle fa-custom fa-clickable"></i></a>' + "  N/A";

cell1.innerHTML=`N/A`；

由于在参数列表错误之后出现了

缺失），并且上面代码中唯一的函数调用是
displaySteps
，因此我假设
test
变量的呈现值中存在导致该错误的原因。尝试记录
test
的值，以确保它不包含任何杂散的
）
或未转义的字符

另外，一个更干净的方法是-

const图标=``
const renderDisplayFn=（arg）=>`'displaysteeps（${arg}）'`
cell1.innerHTML=`${icon}N/A`
在
temp
中可能有一个引号导致函数调用中出现语法错误

与创建
onclick
属性相比，使用代码添加事件侦听器更安全

cell1.innerHTML = '<a o id="testSteps"><i class="fa fa-plus-circle fa-custom fa-clickable"></i></a>' + "  N/A";
document.getElementById("testSteps").addEventListener("click", (function(temp) {
    displaySteps(temp);
})(temp));

cell1.innerHTML=''+“不适用”；
document.getElementById（“testSteps”）.addEventListener（“单击”），（函数（临时）{
显示步骤（临时）；
})(临时);；
如果有人有更好的方法来实现这一点，请告诉我。
temp
的值是多少？请尝试将“”放在temp变量中，这样就不必通过\'来转义它。仅供参考：一些浏览器在遇到将波浪（`）用作字符串时会抛出错误。例如Safari和IE，我使用了你的解决方案。其他答案仍然给了我同样的错误。问题是，我不知道temp变量在从服务器发送时包含什么。非常感谢。
cell1.innerHTML = `<a onclick="displaySteps('${temp}')" id="testSteps"><i class="fa fa-plus-circle fa-custom fa-clickable"></i></a> N/A`;

const icon = `<i class="fa fa-plus-circle fa-custom fa-clickable"></i>`
const renderDisplayFn = (arg) => `'displaySteps(${arg})'`

cell1.innerHTML = `<a onclick=${renderDisplayFn(test)} id='testSteps'>${icon}</a> N/A`

cell1.innerHTML = '<a o id="testSteps"><i class="fa fa-plus-circle fa-custom fa-clickable"></i></a>' + "  N/A";
document.getElementById("testSteps").addEventListener("click", (function(temp) {
    displaySteps(temp);
})(temp));