如何将按钮innerHTML设置为图像？ （使用DOM）

Question

我对JS和使用DOM不太有经验。我有一个要用JS制作的按钮，我想将该按钮用作图像。（可能应该以其他方式完成此操作，但是我已经围绕此按钮进行了构建。）

我尝试过：

btn.innerHTML = btn.style.backgroundImage = "Images/Notepad.png";



btn.innerHTML = "Images/Notepad.png";

和

btn.style.backgroundImage = "Images/Notepad.png"; 

Answer 1

您必须使用“ url（...）”

var btn = document.getElementById("button");

btn.style.backgroundImage = "url('https://www.heise.de/download/media/notepad-26659/notepad-plusplus-jpg8_1-1-24.jpg')";

button {
  height: 320px;
  width: 320px;
}

<button id="button">
Notepad
</button>