在前端开发中，我们经常会使用 document.getElementsByClassName 方法来获取指定类名的元素节点。然而，这个方法在 IE8 及以下版本的浏览器中并不支持，因此需要我们进行兼容处理。
为什么需要兼容处理
document.getElementsByClassName 是 W3C DOM Level 2 规范中新增的方法，用于根据元素的 class 属性值获取元素对象。但是，该方法在 IE8 及以下版本的浏览器中并不被支持。这就意味着，如果我们的网站或应用要兼容这些古老的浏览器，就必须手动实现一个兼容的方法。
兼容代码实现
下面是一个基于原生 JavaScript 的 getElementsByClassName 兼容代码实现：
-- -------------------- ---- -------
-------- --------------------------------- -
-- --------------------------------- -
------ -------------------------------------------
- ---- -
--- -------- - -----------------------------------
--- ------- - ---
--- ---- - - -- - - ---------------- ---- -
-- ----------------------------------------- --- --- -
--------------------------
-
-
------ --------
-
-这段代码首先判断当前浏览器是否支持 getElementsByClassName 方法，如果支持，则直接调用该方法并返回结果；否则，遍历文档中的所有元素，筛选出具有指定类名的元素，并将它们存入一个数组中返回。
总结
在前端开发中，我们必须时刻关注兼容性问题，以确保我们的网站或应用能够在尽可能多的浏览器上正常运行。 getElementsByClassName 方法是一个常用的 DOM 操作方法，但它并不被所有浏览器支持。因此，我们需要手动实现一个兼容的方法来满足需求。本文提供了一个基于原生 JavaScript 的兼容代码实现，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12152