How do you access the element HTML from within an Angular attribute directive?
<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>