Проблема рекурсии JavaScript

Question

Я пишу рекурсивную функцию js, чтобы найти всех предков элемента, на который нажал пользователь. мой код такой:

/**a global variable.*/
var anc; 

function getAncestors(e){  
 var ele = e.target; 
 var parentName = ele.parentNode.name;    
 anc +=bracket(parentName); 

 if (parentName.toLowerCase() == "undefined" ) return;    
 else getAncestors(parent);     
}

Я запустил его с помощью Firefox, но в консоли ошибок есть сообщение об ошибке «Ошибка: ele.parentNode не определен»

также при сбросе anc = ''; это тоже не сработало.

Спасибо!

Пол

Answer 1

1. parent не определено. Возможно, вы имели в виду ele.parentNode, но смотрите ниже.
2. По соглашению имен и .target, я понимаю, e - это событие. Но вы передаете parent, что, вероятно, не событие.
3. Возможно, вы хотите проверить, что ele.parentNode является действительным, прежде чем получить его свойства.

Answer 2

Значение undefined, в соответствии со стандартами Javascript, не имеет атрибута a name - поэтому вместо попытки получить name за один раз, просто выполните var parent = e.target.parentNode; и выручить, если ТО не определено!

Answer 3

Возможно, вы захотите взглянуть на то, как они реализуют функцию parents в jQuery.

Answer 4

Может быть попробовать что-то вроде этого:

var anc = [];

function getAncestors(element) {
  if (element.parentNode) {
    anc.push(element.parentNode);
    getAncestors(element.parentNode);
  }
}

Answer 5

Вы должны прервать рекурсию следующим образом

if(ele.parentNode) return;

parentNode.name не поддерживается Firefox