Javascript 将具有onclick功能的动态按钮添加到单元格

我试图动态地将带有onclick功能的按钮添加到表的单元格中，但我的格式似乎有问题

我的JS：

noteArrHelper = noteArr[i];
console.log(noteArrHelper);
cell2.innerHTML = "<button type=\"button\""+"onclick=deleteNote(\""+noteArrHelper+"\")"+">Delete";
cell2.className = "noteright";

noteArrHelper=noteArr[i]；
console.log（noteArrHelper）；
cell2.innerHTML=“删除”；
cell2.className=“noteright”；

这就是它在浏览器中的外观：

<button type="button" "onclick="deleteNote("joyful="" test")"="">Delete</button>

---

U可以使用模板文本

cell2.innerHTML = `<button type="button" onclick=${deleteNote(noteArrHelper)} >Delete</button>`

cell2.innerHTML=`Delete`
U可以使用模板文本

cell2.innerHTML = `<button type="button" onclick=${deleteNote(noteArrHelper)} >Delete</button>`

cell2.innerHTML=`Delete`
只需将JS代码中的第三行更改为以下内容即可：

cell2.innerHTML = "<button type=\"button\" onclick=\"deleteNote('"+noteArrHelper+"')\">Delete</button>";

cell2.innerHTML=“删除”；

祝您好运：）
您只需将JS代码中的第三行更改为以下内容即可：

cell2.innerHTML = "<button type=\"button\" onclick=\"deleteNote('"+noteArrHelper+"')\">Delete</button>";

cell2.innerHTML=“删除”；

祝您好运：）
您只需使用

现场演示：


//var
let noteArHelper=‘快乐测试’
//innerHTML
document.querySelector（'#test'）.innerHTML=`Delete`；
//作用
函数删除注释（str）{
console.log（str）//test
}
您只需使用

现场演示：


//var
let noteArHelper=‘快乐测试’
//innerHTML
document.querySelector（'#test'）.innerHTML=`Delete`；
//作用
函数删除注释（str）{
console.log（str）//test
}
你可以试试这个伴侣

cell2.innerHTML = "<button type='button' onclick=\"deleteNote(\'" + noteArrHelper + "\')\">Delete</button>";

cell2.innerHTML=“删除”；
你可以试试这个伴侣

cell2.innerHTML = "<button type='button' onclick=\"deleteNote(\'" + noteArrHelper + "\')\">Delete</button>";

cell2.innerHTML=“删除”；
当您必须多次使用引号时，请在代码中使用单引号和双引号

cell2.innerHTML = "<button type='button'onclick='deleteNote('+noteArrHelper+')'>Delete</button>";

cell2.innerHTML=“删除”；
当您必须多次使用引号时，请在代码中使用单引号和双引号

cell2.innerHTML = "<button type='button'onclick='deleteNote('+noteArrHelper+')'>Delete</button>";

cell2.innerHTML=“删除”；