getElementsByClassName()和getElementsByTagName() 在用法上的區別

getElementsByClassName()和getElementsByTagName()是两个常用的DOMHTML元素。

getElementsByClassName()方法根据指定的类名返回一个包含所有具有该类名的元素的集合。它接受一个，即要查找的类名，并返回一个类数组对象（HTMLCollection或NodeList）。可以通过索引或循环来访问集合中的元素。

例如，如果要获取所有具有类名为"example"的元素，可以使用以下代码：

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

getElementsByTagName()方法根据指定的标签名返回一个包含所有具有该标签名的元素的集合。它接受一个参数，即要查找的标签名，并返回一个类数组对象（HTMLCollection或NodeList）。同样，可以通过索引或循环来访问集合中的元素。

例如，如果要获取所有的`<p>`元素，可以使用以下代码：

var elements = document.getElementsByTagName("p");

区别：
1. 参数不同：getElementsByClassName()方法接受一个类名作为参数，而getElementsByTagName()方法接受一个标签名作为参数。
2. 返回结果不同：getElementsByClassName()返回具有指定类名的元素集合，getElementsByTagName()返回具有指定标签名的元素集合。
3. 兼容性：getElementsByClassName()方法在较旧的浏览器中可能不被支持，而getElementsByTagName()方法在所有主流浏览器中都被支持。