TypeError：document.getElementByClassName不是一个函数[重复]答案

【问题标题】：TypeError: document.getElementByClassName is not a function [duplicate]TypeError：document.getElementByClassName不是一个函数[重复]
【发布时间】：2021-12-13 09:08:26
【问题描述】：

我正在尝试通过 javascript 更改 html 中 <p class="dice1"><p> 的值，但运行代码时没有任何变化。

<div class="container">
  <h1>Refresh Me</h1>

  <div class="dice">
    <p>Player 1</p>
    <img class="img1" src="">
    <p class="dice1"></p>
  </div>
</div>
<script src="dice.js" charset="utf-8"></script>

万维网？？？？应用啤酒厂？？？？ com

document.getElementByClassName("dice1").innerHTML = "your dice number is 6"

【问题讨论】：

我试过 document.getElementsByClassName("dice1").innerHTML = "your dice number is 6" 还是不行
试试document.getElementsByClassName('dice1')[0].innerHTML = 'your dice number is 6'
@aerial301 它正在工作！为什么我的代码中只有 1 个“dice1”时必须添加 [0]？
@ĐứcSeven 因为 document.getElementsByClassName() 返回一个列表。使用[0]，您可以从该列表中检索第一项。索引从 0 开始
@milt_on 知道了。

标签： javascript html dom getelementsbyclassname

【解决方案1】：

此方法不返回指定元素，而是返回元素列表。尝试过滤它返回的列表以获取您想要编辑的元素。

【讨论】：