Question

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

Answer 1

getElementsByClassName元素 s

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

循环播放或使用change[0].innerHTML

1

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

 <h1 class="myclass"> Some text</h1>

2

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

 <h1 class="myclass"> Some text</h1>

Answer 2

在关闭body标记（）之前，您希望添加一个脚本标记以将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”;元素是复数

Document.getElementByClassName不起作用

2 个答案:

1

2