Document.getElementByClassName 不起作用

Sam*_*oku -1 javascript

我正在尝试使用 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>
Run Code Online (Sandbox Code Playgroud)

JavaScript 代码:

var change = document.getElementByClassName("myclass");
change.innerHTML = "New text";
Run Code Online (Sandbox Code Playgroud)

Nic*_*ick 5

这是getElementsByClassName小号

返回具有所有给定类名的所有子元素的类数组对象
- Mozilla 开发者网络 / Document.getElementsByClassName()

遍历它或使用 change[0].innerHTML

1

   var change = document.getElementsByClassName("myclass");
   change[0].innerHTML = "New text";
Run Code Online (Sandbox Code Playgroud)
 <h1 class="myclass"> Some text</h1>
Run Code Online (Sandbox Code Playgroud)

2

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

   for (var i = 0; i < change.length; i++) {
     change[i].innerHTML = "New text";
   }
Run Code Online (Sandbox Code Playgroud)
 <h1 class="myclass"> Some text</h1>
Run Code Online (Sandbox Code Playgroud)