java - 访问selenium中结构dom(*ngFor)元素的innerHTML或innerText

Question

我正在尝试访问结构 DOM 元素的innerHTML/innerText，但获取注释元素，而不是获取子元素。

<div class="snap-box">
  <label class="snap-heading">Recommendations</label>
  <div class="row">
    <div class="col-12 snap-list" *ngFor="let rec of recommendations">
      <div class="title">{{rec.title}}</div>
      <div class="description">{{rec.description}}</div>
    </div>
  </div>
</div>

在 Selenium 中，我试图访问快照列表的所有标题和描述，如下所示..

driver.execute_script("return document.getElementsByClassName('snap-box').innerHTML");

将innerHTML 获取为 -

<div class="snap-box"> <label class="snap-heading">Recommendations</label> <div class="row"><!----></div> </div>

但期望结果是*ngFor的所有innerHTML。有人可以帮忙吗，先谢谢了。

Answer 1

getElementsByClassName(...) 方法返回 DOM 节点的集合。在获取innerHTML之前，您需要访问集合中的第一个元素，或者使用querySelector方法:

document.getElementsByClassName('snap-box')[0].innerHTML

// OR

document.querySelector('.snap-box').innerHTML