javascript - 如何将按钮innerHTML设置为图像？ (使用 DOM)

Question

这个问题已经有答案了:

Javascript-Setting background image of a DIV via a function and function parameter (3 个回答)

已关闭 4 年前。

我对 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>