获取元素的方法：getElementById和getElementsByClassName有何不同

getElementById：

getElementById方法是用于从指定文档中获取具有给定id的元素。它只能返回一个元素，因为id应该是唯一的。该方法使用文档对象作为参数，如下所示：

<script>
  var element = document.getElementById(\"myId\");
</script>

getElementsByClassName：

getElementsByClassName方法是用于从指定文档中获取具有给定类名的所有元素。该方法返回一个类数组，其中包含与类名匹配的所有元素。方法使用文档对象作为参数，如下所示：

<script>
  var elements = document.getElementsByClassName(\"myClass\");
</script>

区别：

1. getElementById只能返回具有指定id的元素，而getElementsByClassName可以返回多个元素。

2. getElementById用于返回id唯一的元素，而getElementsByClassName可以返回多个类名匹配的元素。

3. getElementById更快，因为它只有一个元素可以匹配。

注意：

如果您的代码在getElementById方法中使用了一个不唯一的ID，该方法将返回第一个与其匹配的元素。此外，getElementsByClassName方法只能在支持W3C DOM Level 2的浏览器中使用，对于IE8及以下版本，可使用getElementsByTagName优化。