如何通過使用鼠袋代碼從不可見標簽中獲取文本？

Question

我有不可見的文本標簽，無法從中獲取文本。

元素是這樣的行的列表：

<datatable-body-cell tabindex="-1" class="datatable-body-cell 
  sort-active" style="width: 178.667px; height: 67px;">
  <div class="datatable-body-cell-label">
      <label _ngcontent-c13="" class="m-0 visible-element" 
       id="visible_element">
      example
      </label>

    <label _ngcontent-c13="" class="m-0 invisible-element" 
     id="invisible_element" style="z-index: -1; display: none">
    invisible label
    </label>
  </div>
</datatable-body-cell>

我試過了：

session
|> find(css(".datatable-row-wrapper", count: :any))  
|> Enum.each(fn element ->
   Wallaby.Browser.find(element, (
     css("#invisible_element", visible: false)))
     |> Element.text()
     |> IO.inspect()
     end)

我希望輸出為"invisible label" ，但實際輸出為""

Answer 1

我從github獲得了一個解決方案：

session
|> find(css(".datatable-row-wrapper", count: :any))
|> Enum.each(fn element ->
        Element.attr(find(element, css("#test_test", visible: false)), "innerHTML")
        |> Element.text()
        |> IO.inspect()
      end)

這讓我看不見的文字