如何将图像放在用 javascript 创建的按钮中？答案

【问题标题】：How to put an image inside a button that created in javascript?如何将图像放在用 javascript 创建的按钮中？
【发布时间】：2017-07-05 05:22:26
【问题描述】：

我正在使用引导程序开发一个简单的项目。我有这段代码可以在 dataTable 中创建一个按钮，它工作正常。如您所见，我尝试通过我在下面提供的代码将图像放在not glyphicons 上。但它不起作用。但是第一个按钮中的glyphicon 图标可以正常工作。

{ data: "ActionMenu", title: "Test", sClass: "alignCenter","mRender": function (data) {
   return '<button type="button" class="btn btn-info btn-md action" id="checkId"><i class="fa fa-dollar fa-fw action"></i></button>'
   + '&nbsp; <button type="button" class="btn btn-danger btn-md action" id="checkId2" src="Images/TestPicture.png"></button>';
}

【问题讨论】：

“但它不起作用”你是什么意思？如果你直接访问它，你能看到它吗？控制台会说什么吗？
@gobes 我在控制台中没有任何错误。我的意思是不工作我使用代码提供的图像没有显示。

标签： javascript jquery twitter-bootstrap

【解决方案1】：

您不能将src 赋予button 元素。尝试在按钮内放置一个<img> 元素：

<button type="button" class="btn btn-danger btn-md action" id="checkId2">
    <img src="Images/TestPicture.png"/>
</button>

【讨论】：

【解决方案2】：

 <button id="imageId type="button"><img src="path/of/image"></button>

如果需要，在 ID 的帮助下应用 css

【讨论】：