getElementsByClassName & IE

Question

Я пытаюсь получить некоторые элементы с именем класса «special». Я нашел следующий скрипт онлайн, но он возвращает только пустой массив.

Кто-нибудь видит, что не так?

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') 

обертка содержит 22 детей, последний из которых является <p class="special">Lorem</p>, и в поджигатель я получаю весь путь вниз, чтобы найти узел с именем класса, но затем он прыгает a.push. Я потерялся!

редактировать: в порядке, так что делает работу сейчас, он все равно будет интересно, хотя бы знать, почему console.log (а) возвращает пустой массив

Answer 1

ре = новый RegExp ('\ Ь' + имя_класса + '\ Ь'),

\b в строковый литерал является забой характер. Они имели в виду:

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

Однако это еще не так, потому что:

1. он не будет работать для любых названий класса, которые содержат не-ASCII или не алфавитно-цифровые символы, как бы поставить слово границы в неправильном месте;

2. имена классов могут содержать символы, имеющие особое значение в регулярном выражении, например .; их нужно будет избежать.

Вы можете найти альтернативную реализацию, которая должна соответствовать стандартной document.getElementsByClassName интерфейс лучше this question.

Answer 2

Может быть, я ошибаюсь, но я не думаю, что re.test(els[i].className) будет включать в себя границы слова \b, поэтому регулярное выражение не выполняется.

То есть вы просто передаете «специальные» без какого-либо пробела или кавычек или других пограничных символов вокруг него.

Answer 3

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

Должно быть

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

Кроме того, вы должны использовать "вар" в начале переменной declerations.

Answer 4

Я думаю, что вам нужно сделать, это что-то вроде:

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

Я забыл, какие версии IE не нравится node.getElementsByTagName («*»), но я знаю, что это будет сбой в некоторых версиях. Он будет буквально искать узлы с tagNames звездочек!

Фактический код, который я использовал для этого в прошлом выглядит следующим образом:

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