title: How do you access the element HTML from within an Angular attribute directive?
body: <p>The Angular docs provide an example for creating an attribute directive that changes the background color of an element:</p>
  
  <p><a href="https://angular.io/docs/ts/latest/guide/attribute-directives.html" rel="noreferrer">https://angular.io/docs/ts/latest/guide/attribute-directives.html</a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p myHighlight&gt;Highlight me!&lt;/p&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>import { Directive, ElementRef } from '@angular/core';
  
  @Directive({ selector: '[myHighlight]' })
  
  export class HighlightDirective {
      constructor(el: ElementRef) {
          el.nativeElement.style.backgroundColor = 'yellow';
      }
  }
  </code></pre>
  
  <p>Can I also use <code>el.nativeElement</code> to get the content of the element (e.g. <code>Highlight me!</code>), modify this and update the element?</p>