document.getelementbyclassnane()有浏览器兼容性问题

`document.getElementsByClassName()` 方法可以根据类名获取文档中的元素，并返回一个 HTMLCollection 对象。这个方法在现代浏览器中都被支持，包括 IE9 及以上版本。但是，在一些旧版的浏览器中（例如 IE8 及以下版本），它可能无法正常工作。

在 IE8 及以下的浏览器中，可以通过以下代码来模拟 `getElementsByClassName()` 方法：

function getElementsByClassName(className) {
  if (document.getElementsByClassName) {
    return document.getElementsByClassName(className);
  } else {
    var elements = document.getElementsByTagName('*');
    var result = [];
    for (var i = 0; i < elements.length; i++) {
      if (elements[i].className.indexOf(className) !== -1) {
        result.push(elements[i]);
      }
    }
    return result;
  }
}

这个函数首先检查浏览器是否支持 `getElementsByClassName()` 方法，如果支持，则直接调用该方法。否则，它会获取文档中所有元素，并遍历它们的 className 属性来查找符合条件的元素。最后，返回一个包含符合条件的元素的数组。

需要注意的是，这种方法可能会影响性能，特别是当文档中元素数量较多时。因此，应该尽可能地使用原生的 `getElementsByClassName()` 方法，而不是使用这种模拟方法。