如何将按钮 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>