title: How would one select text out of nested html elements using waitForKeyElements
body: <p>I attempted to write a tampermonkey script that would watch a dynamic page that updates via Ajax every time a new comment is submitted.  I want to select [USERNAME] and [USER COMMENT] from each entry as it comes in.  I've been tinkering with waitForKeyElements, but I was having trouble pulling the data from the respective elements.</p>
  <p>The block of html below is what gets appended to the page as each user submits their comments where [USERNAME] and [USER COMMENT] are random usernames and comments that come in sporadically.  As each of the two fields come in, I'd like to capture the name with it's respective comment.</p>
  <pre><code>&lt;div data-name=&quot;[USERNAME]&quot;&gt;
      &lt;div&gt;
          &lt;div&gt;
              &lt;div ts=&quot;Av&quot; data-listener-count-click=&quot;1&quot; data-listener-count-contextmenu=&quot;1&quot;&gt;
                  [USERNAME]
                  &lt;span class=&quot;myclass_username&quot; style=&quot;display: none;&quot;&gt;
                      &lt;img src=&quot;https://myserver.com/images/icon.svg&quot; height=&quot;10&quot; width=&quot;10&quot;&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;span class=&quot;emoticonImage&quot;&gt; [USER COMMENT]&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>