时间戳

首页 > 解决方案 > 将具有 onclick 功能的动态按钮添加到单元格

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

问题描述

我正在尝试向表格的单元格动态添加一个具有 onclick 功能的按钮，但我的格式似乎有问题。

我的 JS：

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

这就是它在浏览器中的样子：

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

但我希望它看起来像：

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

我尝试了其他几种格式化方式，但无法正常工作。浏览器也正确地输出了“快乐测试”部分，单词之间没有任何“=”。

标签： javascripthtml

解决方案

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

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

祝你好运 ：）

推荐阅读