如何在JavaScript中创建的按钮内放置图像？

我正在开发一个使用bootstrap的简单项目。我有这个代码可以在dataTable中创建一个按钮，并且它工作正常。我尝试通过我在下面提供的代码将图像放到not glyphicons上，但是它不起作用。但第一个按钮中的图标正在工作。如何在JavaScript中创建的按钮内放置图像？

{ 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>'; 
}

来源

2017-02-16 KiRa

“但它不工作”你是什么意思？如果你直接访问它，你能看到图像吗？控制台说什么？ – gobes

@gobes我在控制台中没有任何错误。我的意思是不使用代码提供的图像不显示。 – KiRa

你不能给一个src到button元素。尝试把一个<img>元素按钮内：

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

来源

2017-02-16 08:14:12 gobes

谢谢你。加工。 – KiRa

有一个问题有一个类似的情况。在这里看到：

Embed image in a <button> element

来源

2017-02-16 08:12:19 Naifous

该按钮是在'HTML'中创建的。我的按钮是在'JS'中创建的，它位于DataTable中。 – KiRa

你不改变JS代码，但HTML。 – Naifous

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

APPY CSS与ID的帮助，如果需要

来源

2017-02-16 08:16:07

如何在JavaScript中创建的按钮内放置图像？

回答

相关问题