getElementsByClassName 和 getElementById

getElementsByClassName 和 getElementById 是 JavaScript 中用于获取 DOM 元素的方法。

getElementsByClassName 方法用于通过指定的 class 名称获取一组元素。它返回的是一个类似数组的 HTMLCollection 对象，其中包含了所有具有指定 class 名称的元素。

例如，如果有以下 HTML 代码：

<div class="red">Red</div>
<div class="blue">Blue</div>
<div class="red">Red</div>
<div class="green">Green</div>

可以使用以下代码获取所有 class 名称为 "red" 的 div 元素：

var elements = document.getElementsByClassName("red");

这将返回一个包含两个 div 元素的 HTMLCollection。

getElementById 方法用于通过指定的 id 名称获取一个元素。它返回的是一个代表该元素的对象。

例如，如果有以下 HTML 代码：

<div id="myDiv">Hello, world!</div>

可以使用以下代码获取具有 id 名称为 "myDiv" 的 div 元素：

var element = document.getElementById("myDiv");

这将返回一个代表该 div 元素的对象。

需要注意的是，getElementById 方法返回的是单个元素，而 getElementsByClassName 方法返回的是一组元素。