document.getElementByClass方法的使用

在JavaScript中，`document.getElementByClass`并不是一个标准的DOM方法。你可能是想了解`document.getElementsByClassName`方法。这个方法用于获取具有指定类名的所有元素，并返回一个实时的HTMLCollection。

以下是一个使用`document.getElementsByClassName`方法的示例：

// 获取所有具有类名 'example' 的元素
var elements = document.getElementsByClassName('example');

// 遍历并修改每个元素的样式
for (var i = 0; i < elements.length; i++) {
    elements[i].style.backgroundColor = 'yellow';
}

在这个示例中，我们首先通过`document.getElementsByClassName('example')`获取所有具有类名`example`的元素。然后，我们使用一个`for`循环遍历这些元素，并将其背景颜色修改为黄色。

需要注意的是，`document.getElementsByClassName`返回的是一个实时的HTMLCollection，这意味着当文档中的元素发生变化时，这个集合也会实时更新。

如果你想使用更现代的方法，可以使用`document.querySelectorAll`，它使用CSS选择器语法，并且返回的是一个静态的NodeList：

// 使用 querySelectorAll 获取所有具有类名 'example' 的元素
var elements = document.querySelectorAll('.example');

// 遍历并修改每个元素的样式
elements.forEach(function(element) {
    element.style.backgroundColor = 'yellow';
});

在这个示例中，我们使用`document.querySelectorAll('.example')`获取所有具有类名`example`的元素，并使用`forEach`方法遍历这些元素。