如何通过Javascript将图像添加到按钮?

Hen*_*nry 4 html javascript resources image getelementsbyclassname

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

下面是我写的通过 HTML 添加图像的内容。

<button class="button" id="Ok"><img src="images/ok.png"></button>
Run Code Online (Sandbox Code Playgroud)

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

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

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

MGB*_*B C 11

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

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

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