Как создать кнопку с изображением и заголовком вместе в javascript

Question

Привет, я хочу создать кнопку с надписью (ex Category) и Изображение ее в Button.

так что мы можем сказать, что кнопка имеет как Caption + Image

Я ВГА использовать код JavaScript только

Answer 1

Эта кнопка создает с яваскрипт и поместить Контрактное «Категория» к нему.

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

....

Другая возможность:

Если вы хотите применить текст + изображение, то вы должны создать изображение содержащий оба эти параметра, и укажите, что в качестве фона для кнопки.

Update:

Если установить отступы на кнопку, чтобы учесть ширину фонового изображения и установить фоновое изображение для не-повторять вы можете иметь и другое.

Предложил Эндрю в комментариях ниже, благодаря