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

2023-11-25

我正在尝试使用 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";   
  }

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


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

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

<script type="text/javascript">
    var buttons = document.getElementById("button");
    buttons.innerHTML = '<img src="images\ok.png" />';
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何通过 Javascript 将图像添加到按钮? 的相关文章

随机推荐

  • 使用 Google Cloud Key Management Service 签署 JSON Web 令牌

    编辑 我找到了答案 滚动到这个问题的底部 我正在开发 NodeJS 身份验证服务器 我想使用 google 签名来签署 JSON Web 令牌 JWT 我正在使用 Google Cloud 密钥管理服务 KMS 并创建了一个密钥环和一个非对
  • C# - 如何知道 Windows 启动后何时“稳定”?

    我正在编写一个应用程序 该应用程序可以选择在 Windows 启动时运行 我无法忍受应用程序在我的电脑真正稳定下来之前就陷入困境 而且这是一个非关键应用程序 我希望我的应用程序礼貌地等待所有其他启动项完成并解决 以便用户的电脑在开始执行任何
  • 使用 ASP.NET MVC 区域路由找不到错误 404

    我在 MVC 5 中遇到区域路由问题 当我浏览到 Evernote EvernoteAuth 时 出现 404 找不到资源错误 我的区域看起来像这样 Areas Evernote Controllers EvernoteAuthContro
  • nodejs hapi 单页

    我有一个应用程序站点 NodeJS 我想从 Express 迁移到 Hapi 我通常做的是提供静态文件并将其他所有内容路由到包含 angularjs 应用程序和 Angular 路由配置的单个页面 Express routing first
  • 两个 Python 模块需要彼此的内容 - 这可以吗?

    我有一个 Bottle 网络服务器模块 其中包含以下行 from foobar formtools import auto process form insert And the foobar formtools模块包含这一行 from f
  • 如何比较多行?

    我想比较两个连续的行i with i 1 of col2 排序col1 If item i of the i第 行和item i 1 row是不同的 我想增加计数item i 1 by 1 col1 col2 row 1 item 1 ro
  • 协作编辑 LaTeX 文档的技巧 [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我的默认设置是将 tex 源放入 subversion 存储库中 并在更改其他人的内容时将注释作为源中的注释相互插入 这一切都感觉不太理想 尤其是当存在颠覆冲突时 它告诉你的只是
  • 除非使用 Leiningen REPL,否则 Clojure jdbc create-table 语句不会运行

    我有一个小型 Clojure 程序 它使用Clojure JDBC在 HSQL 数据库中创建表的工具 然而 如果我从 Leiningen 的 REPL 运行它 它似乎只会实际创建该表 如果我使用运行代码 它不会创建表lein run或从我的
  • Java + Eclipse:同步 stdout 和 stderr

    我使用Eclipse 当我有这样的应用程序时 write 20 times Hello World n to stdout write ERROR n to stderr write 5 times Hello World n to std
  • 如何配置Spring-Boot应用程序以继续使用RestEasy?

    我有一个旧的 Web 应用程序 纯 servlet 没有 Spring 我想将其作为 fat jar 运行 这个应用程序提供了很多REST服务 我不想修改旧代码 如何配置Spring Boot应用程序以继续使用RestEasy 您可以使用
  • 在 Tapestry 5 中更新表单内的区域

    我有一个Zone里面一个Form the Zone已更新为包含我想绑定到父级的输入字段的块Form 不幸的是 这似乎并不像我希望的那么容易 因为我收到了以下错误消息 The Description component must be enc
  • FireFox 位于“从...传输数据”或“读取...”

    我正在使用 Selenium 为网站构建一些功能测试 但我遇到了一个奇怪的浏览器问题 页面似乎永远无法完成加载 状态栏显示 正在从 传输数据 或 读取 由于页面永远不会完成加载 我的硒测试超时 该问题似乎只发生在 FireFox 上 我们的
  • cv2.connectedComponents 未检测到组件

    我使用的是 Ubuntu python 2 7 使用 OpenCV 我试图准确理解函数 cv2 connectedComponents 正在做什么 这是图像 代码 import cv2 import numpy as np img cv2
  • 在 Django 中动态删除内联表单集

    是否可以让 Django 自动删除请求中不存在的表单集 例如 如果在加载编辑页面时我有三个以 HTML 表示的内联表单集 并且在处理请求时使用 javascript 删除其中两个表单集 则 Django 会发现这两个表单不再是它们的 并将它
  • Angular 6 / NGRX 联合减速机

    我正在使用 Angular 6 w NgRX 4 我有多个想要组合的减速器 应用程序模块 ts import BrowserModule from angular platform browser import NgModule from
  • 如果父级有 ng-if,Angular ng-show 不起作用

    我有一个视图 其中父 div 上有 ng if 而某些子元素上有 ng show 当嵌套在带有 ng if 的元素下时 ng show 似乎无法正常工作 这是 Angular 的错误还是我做错了什么 看看这个笨蛋 HTML div div
  • 使 Java 属性跨类可用?

    我选择使用属性文件来自定义某些设置 我使用以下代码使属性对象在类中可用 Properties defaultProps new Properties try FileInputStream in new FileInputStream cu
  • 如果使用 jQuery 文本为“0”,如何隐藏“span”?

    我正在寻找隐藏包含 0 的跨度 我查看了其他代码并尝试对其进行调整 但无法使其正常工作 我希望它仅在内容为 0 时隐藏跨度 但是当运行下面的代码时 它也会隐藏任何包含 0 的数字 例如 10 这是我不想要的 为了更清楚一点 跨度只应在其内部
  • 在不相关的文件中“无法重新声明块范围变量”

    有一个简单的 TS 包用作 CommonJS 模块并且没有导出 TS文件被编译为同名的JS文件并用作require package option foo tsconfig json compilerOptions target es5 选项
  • 如何通过 Javascript 将图像添加到按钮?

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