Query slotElement.assignedNodes() results

Question

I want to query elements inside of my shadow dom slot element. Do I need to loop through what assignedNodes() returns and parse them myself?

yes thats what you need to do. – Helping hand Aug 05 '18 at 15:03 — Helping hand, Aug 05 '18 at 15:03
you can also query the light DOM directly – Supersharp Aug 06 '18 at 16:42 — Supersharp, Aug 06 '18 at 16:42

score 0 · Answer 1 · answered Aug 15 '18 at 11:01

I solved this issue by having the child element loop through the element's parent nodes until it finds the tag I am looking for.

    var el = this; //the child element
    while (el.parentNode) {
      el = el.parentNode;
      if (el.tagName == 'TAG-NAME'){ // The parent's tag name you're searching for.
        this.parentElement = el;
        break;
      }
    }

I also tried this with this.closest(), but Firefox had issues with that jumping between shadow dom.

Query slotElement.assignedNodes() results

1 Answers1