title: What is the purpose of Angular ElementRef nativeElement?
body: <p>I'm more familiar with DOM nodes and I guess the type 'Element'. (you'd have to search on &quot;interface Element&quot; in Typescript library <a href="https://github.com/Microsoft/TypeScript/blob/master/lib/lib.dom.d.ts" rel="nofollow noreferrer">link</a> here).<br/><br/> I had thought that the nativeElement of ElementRef and Element was one and the same but they are not:</p>
  <p>I'm aware of the API's</p>
  <ul>
  <li><a href="https://angular.io/docs/js/latest/api/core/index/ElementRef-class.html" rel="nofollow noreferrer">ElementRef</a></li>
  <li><a href="https://angular.io/docs/js/latest/api/core/index/Renderer-class.html" rel="nofollow noreferrer">Renderer</a></li>
  <li><a href="https://angular.io/docs/ts/latest/api/core/index/Renderer2-class.html" rel="nofollow noreferrer">Renderer2</a></li>
  </ul>
  <p>But the purpose of these mystifies me. (I'm more familiar with the likes of JQuery than Angular atm).</p>