如何通过Javascript将图像添加到按钮？ [英] How to add image to button via Javascript?

问题描述

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

I am trying to add image to buttons I have using Javascript but I can't seem to get it working. I have sucessfully added image using HTML5, however, for my needs I need to add the image via javascript.

以下是我通过HTML添加图片的内容。

Below is what I have written to add images via HTML.

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

以下是我尝试通过Javascript添加图片但它似乎无法正常工作。

Below is what I have tried to add image via Javascript but it doesn't seem to work.

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

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

I am not to sure what I am doing wrong, any help would be nice. Thanks.

推荐答案

我不知道这是否是你需要的..

I don't know if this is what you need..

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

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

这篇关于如何通过Javascript将图像添加到按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！