如何使用图像创建按钮&；javascript中的标题

嗨，我想创建一个按钮，其中有标题（ex类别）和它的图像在按钮太

所以我们可以说，这个按钮既有标题，也有图像

---

我必须只使用javascript

这将创建带有javascript的按钮，并将标签“Category”放在按钮上

据我所知，您不能将文本+图像设置为按钮，您可以设置文本或图像。但是，您可以按如下方式为其指定图像：

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);

其他可能性：

如果要应用文本+图像，则应创建一个包含这两者的图像，并将其指定为按钮的背景

更新：

如果将按钮上的填充设置为背景图像的宽度，并将背景图像设置为“无重复”，则两者都可以

---

由Andrew在下面的评论中建议，谢谢

，但它不包括相同按钮中的图像我想要“类别”+“图像”both@Khilen：您不能两者都有，您必须创建一个包含两个文本和图像的图像，以便两个文本和图像都有一个图像。再次查看我的答案。如果您在按钮上设置填充以说明背景图像的宽度，并将背景图像设置为“不重复”，则两者都可以。@Andrew Neelands:嘿，谢谢，我从未尝试过，我会用它更新我的答案。

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);