如何在javascript中創建帶圖像和標題的按鈕

Question

嗨，我想創建一個按鈕，它有標題（ex Category）和它的按鈕的圖像。

，所以我們可以說，按鈕具有標題+圖片

我甲肝使用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); 

....

另一種可能：

如果你想申請文字+圖片，那麼你應該創建一個圖像包含這兩者並將其指定爲按鈕的背景。

更新：

如果你上的按鈕設置填充，以佔背景圖像的寬度，並設置背景圖片不重複，你可以同時擁有。

在下面的意見建議由安德魯，感謝