javascript - 如何在javascript中创建带有图像和标题的按钮

Question

您好，我想创建一个带有标题(例如类别)的按钮，并且按钮中也有它的图像。

所以我们可以说该按钮同时具有标题+图像

我只能使用 JavaScript

Answer 1

这将使用 javascript 创建按钮，并将标签“类别”放入其中。

var btn = document.CreateElement("input");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Category");

var frm = document.forms[0];
frm.appendChild(btn);

据我所知，您不能使用文本+图像按钮，您可以使用文本或图像。您可以像这样为其指定图像:

var btn = document.CreateElement("input");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Category");
btn.style.backgroundImage = "url(path)"; // for image

var frm = document.forms[0];
frm.appendChild(btn);

...

其他可能性:

如果您想应用“文本+图像”，那么您应该创建一个包含这两者的图像，并将其指定为按钮的背景。

更新:

如果您在按钮上设置内边距以考虑背景图像的宽度并将背景图像设置为不重复，则两者都可以。

安德鲁在下面的评论中建议，谢谢