getElementsByClassName 和 IE [重复]

Question

我正在尝试获取一些类名为“特殊”的元素。 我在网上找到了以下脚本，但它只返回一个空数组。

有谁知道出了什么问题？

getElementsByClassName = function (node, classname){
 var a = [],
    re = new RegExp('\b' + classname + '\b'),
    els = node.getElementsByTagName("*"),
    l = els.length,
    i;

 for (i = 0; i < l; i += 1) {
  if (re.test(els[i].className)) {
      a.push(els[i]);
  }
 }
 console.log(a)
 return a;
}

var wrap = document.getElementById('wrap');
getElementsByClassName(wrap, 'special')

wrap 包含 22 个子节点，最后一个是 <p class="special">Lorem</p>，在 firebug 中我一直找到具有类名的节点，但随后它会跳过 a.push。我迷路了！

编辑： 好的，现在它确实可以工作了，但知道为什么 console.log(a) 返回一个空数组仍然很有趣

Answer 1

re = new RegExp('\b' + classname + '\b')

应该是

re = new RegExp('\\b' + classname + '\\b')

您还应该在变量声明的开头使用“var”。

Answer 2

re = new RegExp('\b' + 类名 + '\b'),

\b 在字符串文字中是一个退格字符。他们的意思是：

var re= new RegExp('\\b' + classname + '\\b');

但这仍然是错误的，因为：

1. 它不适用于任何包含非 ASCII 或非字母数字字符的类名，因为这会将单词边界放在错误的位置；

2. 类名可能包含在正则表达式中具有特殊含义的字符，例如.；这些都需要转义。

您可以在this question 中找到更符合标准document.getElementsByClassName 接口的替代实现。

Answer 3

也许我弄错了，但我认为 re.test(els[i].className) 不会包含 \b 字边界，因此正则表达式失败。

也就是说，你只是传递“特殊”，没有任何空格、引号或其他边界字符。

Answer 4

我认为您需要做的是：

els = document.all ? node.all : node.getElementsByTagName("*")

我忘记了哪些版本的 IE 不喜欢 node.getElementsByTagName('*')，但我知道它肯定会在某些版本中失败。它会从字面上寻找带有星号标记名称的节点！

我过去使用的实际代码如下：

function getElementsByTagName(node, tag) {
    tag = tag || '*';
    var els = node.getElementsByTagName(tag);
    if( !els.length && (tag == '*' && node.all) ) els = node.all;
}