Document.getElementsByClassName 不起作用[重复]答案

【问题标题】：Document.getElementByClassName not working [duplicate]Document.getElementsByClassName 不起作用[重复]
【发布时间】：2015-10-15 18:31:52
【问题描述】：

我正在尝试使用 Document.getElementByClassName，但它不起作用。我在下面包含了我的代码。如有任何帮助，我将不胜感激。

HTML 文档：

<!doctype html>
<html>

<head>
  <meta charset=utf-8>
  <title>Day Practice</title>
  <style></style>
</head>

<body>
  <h1 class=myclass> Some text</h1>
</body>
</html>

JavaScript 代码：

var change = document.getElementByClassName("myclass");
change.innerHTML = "New text";

【问题讨论】：

@SeanF 在 HTML5 中不需要

标签： javascript

【解决方案1】：

这是getElementsByClassName元素s

返回具有所有给定类名的所有子元素的类数组对象
- Mozilla Developer Network / Document.getElementsByClassName()

循环或使用change[0].innerHTML

1

   var change = document.getElementsByClassName("myclass");
   change[0].innerHTML = "New text";

 &lt;h1 class="myclass"&gt; Some text&lt;/h1&gt;

2

   var change = document.getElementsByClassName("myclass");

   for (var i = 0; i < change.length; i++) {
     change[i].innerHTML = "New text";
   }

 &lt;h1 class="myclass"&gt; Some text&lt;/h1&gt;

【讨论】：

【解决方案2】：

在结束正文标记 () 之前，您想添加一个脚本标记以将您的 JavaScript 文件附加到 HTML 文件中，以便它们都被链接。

它应该是这样的：

<head>
 <meta charset=utf-8>
 <title>Day Practice</title>
 <style></style>
</head>

<body>
  <h1 class=myclass> Some text</h1>
  <script src="javascriptfile.js"></script>
</body>

另外，它是“getElementsByClassName”；元素是复数

【讨论】：