javascript - 为什么在 JS 函数中无法正确创建按钮？

Question

我在 JS 函数中动态创建按钮，并将创建的按钮放入 DOM。

这是代码:

      var button = '<button id="btnStrView" type="button" onclick=' + parent.ExecuteCommand(item.cmdIndex) + ' class="button_air-medium">'+
                   +'<img id="streetView" class="miniToolbarContant" src="../stdicons/streetview-icon.png">'
                   +'</button>'

        $( "#tdStrView" ).append(button);

当我在控制台中显示 creted 动态按钮时，我看到:

"<button id="btnStrView" type="button" onclick=undefined class="button_air-medium">NaN</button>"

似乎但未正确创建，onclick 未定义且 img 标签丢失。

知道我做错了什么吗？为什么图像按钮没有正确创建？

更新:

我尝试向 onclick 事件添加双引号:

onclick="' + parent.ExecuteCommand(item.cmdIndex) + '"

创建的按钮是:

"<button id="btnStrView" type="button" onclick="undefined" class="button_air-medium">NaN</button>"

onclick 仍未定义。

Answer 1

您需要添加双引号。onclick 看起来像这样 onclick ="yourFunction()"

onclick="' + parent.ExecuteCommand(item.cmdIndex) + '"