title: Use querySelector in nativescript;
body: <p>i want to play an animation when a new message is added in the DOM.</p>
  
  <p>but i don't know how to find my object and edit it with code in (this.zone.run) function : </p>
  
  <pre><code>addMessage(message: string){
      this.messages.unshift(message);
      // renderer
      this.zone.run(() =&gt; {
  
      });
  }
  </code></pre>
  
  <p>here's the app.component.html</p>
  
  <pre><code>&lt;StackLayout #container&gt;
      &lt;ScrollView&gt;
          &lt;WrapLayout #red&gt;
              &lt;Label class="message" *ngFor="let message of messages" [text]="message"&gt;&lt;/Label&gt;
          &lt;/WrapLayout&gt;
      &lt;/ScrollView&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p>i want to edit the first child of the WrapLayout element</p>