Как сравнить event.target с селектором

Question

В моей функции я беру тип узла, node и прикрепляя onclick к каждому узлу в документе этого типа.

Затем я хочу посмотреть на элемент, который был нажат, и «залить пузырь», т. Е. Добавить эффект к узлу над ним, который будет выбран selector.

Проблема заключается в том, что селектор моя функция принимает может быть класс, тег, идентификатор, и т.д. ...

Так что я сравниваю target к (в части с окружающей средой * 's) ?

function myFunc(node, event, selector){ 

    var elements = document.querySelectorAll(node); 

    for (var i = 0; i < elements.length; i++){ 
     elements[i].onclick = function(event){ 
      var target = event.target; 
      while (target != node){ 
       **if (target == selector) ** 
         applyEffects(target); 
      } 
      target = target.parentNode; 
     }; 
    } 

} 

Кроме того - я не разрешено использовать JQuery. (Это часть домашнего задания, но мой вопрос не имеет прямого отношения к нему)

Answer 1

Чтобы проверить, является ли element (в вашем случае target) был бы подкреплен selector:

Array.prototype.indexOf.call(document.querySelectorAll(selector), element) !== -1