0

我正在寻找一种node.classList.contains("foo")在 Internet Exploder 7-9 中无需重构代码的主要部分的方法。此方法存在于所有其他浏览器（甚至 IE10）中。

我发现带有 classList 的代码在 IE 中不起作用？但我不明白我将如何使用它来替换该.contains()方法。

我已经有代码让我只为某些浏览器运行独立的代码，所以给 IE 一些额外的或不同的代码不是问题。

有没有办法通过classList原型或其他一些方便的方式来添加所述方法className？

4

1 回答 1

4

这是不可能的。

乍一看，你会认为如果你自己的classList实现HTMLElement还不存在的话，你已经能够修补它。

if (!("classList" in document.createElement("div"))) {
    HTMLElement.prototype.classList = {
        contains: function () {

        }
    };
}

然而：

  1. 您的contains实现无法访问 DOMElement (this是classList对象，而不是元素
  2. 在旧版 IE 中扩展 DOM 对象是行不通的。

您唯一的选择是classList用您自己的包装函数替换您的所有使用，classList如果可用，该函数使用该功能，如果没有，则回退到您自己的实现。

var classListWrapper = (function () {
    if ("classList" in document.createElement("div")) {
      return {
        add: function (el, class) {
          el.className.add(class);
        },
        remove: function (el, class) {
          el.className.remove(class);
        },
        // etc.
      }
    } else {
      return {
        add: function (el, class) {
          el.className += ' ' + class;
        },
        remove: function (el, class) {
          el.className = (' ' + el.className + ' ').replace(' ' + class + ' ', ' ');
        },
        // etc.
      };
    }
}());

...然后在您的代码中使用classListWrapper.add(element, class)。

于 2013-04-24T14:26:25.403 回答