QuerySelectorAll возвращает 4 элемента, но они пусты, несмотря на то, что

Question

У меня есть 4 простых виджета, заполненных текстом на сайте html. Прикрепленный код HTML относится к этим виджетам. Предполагается, что другой виджет фильтрует их с помощью javascript.
. Я пробовал следующие вещи, и ни один из них не будет работать. Они всегда ничего не возвращают. Не неопределенный или нулевой, но ничего. И они определенно не пусты. Спасибо за вашу помощь.

      let dTags = document.querySelectorAll(".Wrapper7"); 
      
                  for(let n =0; n<dTags.length;n++){
                        let vater2 = dTags[n].parentNode;
                        let grossvater2 = vater2.parentNode;

                if ( (divs[n].classList.contains("activexyz"))){
                    let content = dTags[n].textContent;
                    console.log(dTags[n].innerText + "textContent"); // returns "textContent"
                    console.log(dTags[n].innerHTML + "HTML"); // returns "HTML"
                    console.log(content + "textContent"); // returns "textContent"
                    console.log(dTags.length +"laenge"); // returns 4

  
                    
                }
            }

<div class="Wrapper7" id="Wrapper7">
<div class="jobDescription33">{{job33}}</div>
<p class="placeDescription33">{{ort33}}</p> 
<p class="standortDescription33">{{standort33}}</p>
<i class="material-icons" style="color:#F73429;">arrow_right_alt</i><div class="jobLink33">{{#custom_link jobLink33}} {{linkText33}}  {{/custom_link}}</div>
</div>