使用 JavaScript 按类替换内容

2023-11-30

如何使用 Javascript 按类选择元素来修改内容?

实际上我尝试使用这个:

document.getElementsByClassName("myClass").innerHTML = "new content"

但什么也没做。 如果我通过 ID 选择元素,它就可以工作

document.getElementById("myID").innerHTML = "new content"

但我需要可以按班级选择。

我只需要更改标签内的内容。将 woocommerce 按钮的文本替换为 img 元素。

Thanks!


getElementsByClassName将返回数组。因此,循环该数组并执行您的逻辑:

var myClasses = document.getElementsByClassName("myClass");

for (var i = 0; i < myClasses.length; i++) {
  myClasses[i].innerHTML = "new content";
  }
<div class="myClass">old content</div>
<div class="myClass">old content</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JavaScript 按类替换内容 的相关文章

随机推荐

  • 在没有适当 REST-Api 的情况下测试 RestSharp 的反序列化

    EDIT 问题的答案可以在 John Sheehan 的第一条评论中找到 我想用雷斯特夏普作为我的项目的休息客户端 由于REST服务器尚未运行 我想在没有服务器的情况下测试客户端 我的主要关注点是返回的 XML 响应的反序列化 是否可以在没
  • Vue.js 2 中 v-for 语句内的转换组

    我有一个projects我之后填写的对象axios称呼 然后我就循环了projects对象使用v for指示 这是代码 ul class row projects list li project project name br li ul
  • WebGL 浮点模数行为

    我遇到以下片段着色器的奇怪行为 varying vec3 worldSpaceCoords uniform float rows void main float testNumber 7 0 vec4 outputColor vec4 0
  • 如何按第一个元素(字符串)按字母顺序对元组列表进行排序[PYTHON] [关闭]

    Closed 这个问题是无法重现或由拼写错误引起 目前不接受答案 我有一个像这样的元组列表 peter 1 mary 5 anthony 6 brandon 4 如果我想对这个列表进行排序并得到类似的内容 anthony 6 brandon
  • matplotlib pyplot.show:无效的 RGBA

    我只需要绘制 3D 散点图 from mpl toolkits import mplot3d from matplotlib import pyplot as plt ax plt axes projection 3d ax scatter
  • 以编程方式从图像中提取文本

    我正在寻找一种编程方式来检索图像上的文本 我不知道是否有任何此类工具可用 我需要先下载图像 然后从中提取文本 有没有任何编程方法可以做到这一点 超立方 OCR可以从图像中提取文本 你到底是什么意思extract
  • 替换失败的模板专门化

    考虑这个函数 template
  • 使用 MongoDB 聚合框架四舍五入到小数点后两位

    我正在使用 mongodb 聚合框架并进行一些计算 如下所示 db RptAgg aggregate group id Region RegionTxt Mth Month ActSls sum ActSls PlnSls sum PlnS
  • 优化列表视图,包含 1k 对象列表

    我想知道是否有任何优化的方法来创建一个可容纳超过 1k 对象的适配器 我尝试了以下方法 但结果仍然不乐观 A 视图支架模式 它有帮助 但当对象尺寸增加时 它开始出现问题 B 注意 我可以使用分页 api 来传递定义数量的对象 但我的场景中没
  • 如何在PHP编辑页面中选中单选按钮?

    在 php 形式中 我将数据从单选按钮获取到数据库 效果很好 但是在编辑页面中如何从数据库中获取选中的值 td align left valign middle td
  • Linq to Entities - SQL“IN”子句

    在 T SQL 中 您可以有如下查询 SELECT FROM Users WHERE User Rights IN Admin User Limited 您将如何在 LINQ to Entities 查询中复制它 有可能吗 你需要彻底改变你
  • 如何生成某个公历年到回历的日期

    我想自动适应或生成一年中的日子 从公历到回历 我的意思是您想选择或写入年份作为示例 选择2015年 获取公历 2015 年的所有日期 然后将其转换为回历并显示回历列表 所以你想返回 2 个列表 list1 公历天列表 vs 另一个列表2 h
  • 添加 QLPreviewController 作为子视图不会加载 PDF

    我正在尝试添加 QLPreviewController 的视图作为子视图 不 我不能使用导航控制器或模式 它仅显示 QLPreviewController 的结构背景 我创建一个并将其添加为子视图 QLPreviewController p
  • 如何设置自定义控件的描述以显示在工具箱中?

    我想在设计时添加一个文本 告诉设计者我的控件是什么到我的自定义控件中 就像这里的 VS 默认控件一样 我努力了 summary但这对我不起作用 如何做呢 你可以用以下方式装饰你的班级Description属性 然后 当您使用以下命令将控件添
  • 如何根据自动缩小的标签为多个标签设置相同的字体比例?

    我有 4 个标签视图 其中一个应该显示较大的数值并设置为自动收缩 我的要求是在自动调整该标签以适合其内容后 将该标签设置为与其他标签相同的字体缩放或大小 以便文本内容在整个过程中看起来统一 设置最小比例因子对其他标签没有帮助 因为它们的内容
  • 为 SBT 依赖项设置 javac 选项

    我在编译通过 GIT 加载的 Java 依赖项时遇到问题 object ApplicationBuild extends Build lazy val project Project root file dependsOn RootProj
  • 使用 ADODB 连接打开存储在 SharePoint 上作为数据源的 Excel 文件

    我正在尝试使用以下 VBA 代码片段打开 Excel 文件作为数据源 Dim cn As ADODB Connection Set cn New ADODB Connection With cn Provider Microsoft ACE
  • 是否可以通过积分加速度计数据随时间的变化来计算速度?

    我想知道是否可以使用 线性 加速度计和指南针来计算速度而不使用位置服务 我想通过计算北 西 上轴的加速度分量并随着时间的推移对它们进行积分来做到这一点 那行得通吗 一般来说 Android 设备上的加速度计噪音太大 无法整合信号并获取速度
  • 如何使用 OpenGL 保存 OpenGL 绘图?

    我用 OpenGL 命令绘制屏幕 我必须将此屏幕保存为 bmp 或 png 格式 但我做不到 我正在使用 glReadpixels 但我无法继续 如何使用 OpenGL 在 C 中保存此绘图 它来了 你必须包含 WinGDI h 我认为 G
  • 使用 JavaScript 按类替换内容

    如何使用 Javascript 按类选择元素来修改内容 实际上我尝试使用这个 document getElementsByClassName myClass innerHTML new content 但什么也没做 如果我通过 ID 选择元