javascript - 如何通过 Javascript 将图像添加到按钮？

Question

我正在尝试将图像添加到我使用 Javascript 的按钮，但我似乎无法让它工作。我已经使用 HTML5 成功添加了图像，但是，根据我的需要，我需要通过 javascript 添加图像。

以下是我为通过 HTML 添加图像而编写的内容。

<button class="button" id="Ok"><img src="images/ok.png"></button>

下面是我尝试通过 Javascript 添加图像的方法，但它似乎不起作用。

var buttons = document.getElementsByClassName("button");
for (var b = 0; b < buttons.length; b++) {
      buttons[b].src = "images\ok.png";   
  }

我不确定我做错了什么，任何帮助都会很好。谢谢。

Answer 1

不知道是不是你需要的..

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

<script type="text/javascript">
    var buttons = document.getElementById("button");
    buttons.innerHTML = '<img src="images\ok.png" />';
</script>