javascript - 如何在脚本中引用引号内的图像

Question

我试图引用图像，而不是在 html 页面的脚本标记中使用文本。我正在尝试使用图像而不是文本作为按钮。按下按钮后，它会更改为文本“已暂停”，如下所示。

pauseButton.innerHTML = "Paused";

再次按下时，会显示“暂停”字样。

pauseButton.innerHTML = "Pause";

相反，我希望它显示我创建的图像。此代码显示了我尝试引用图像的部分。

pauseButton.innerHTML = "url(Images/pausebackground.png)";

它不显示图像，而是以文本形式显示“url(Images/pausebackground.png)”。

如何引用引号内的图像？

Answer 1

您需要将HTML代码放入innerHTML (顾名思义)。使用<img>标签:

pauseButton.innerHTML = '<img src="Images/pausebackground.png">';