Angular 2: get all <img> tags inside specific div
<p>I need a function to get all images inside a specific div, I tried to use <code>BrowserDomAdapter</code> but it's throwing this error <code>el.querySelector is not a function</code>, infact I haven't declared any <code>el</code> variable in my component</p>

<pre><code>import { BrowserDomAdapter} from '@angular/platform-browser/src/browser/browser_adapter';
...
...
constructor(private dom:BrowserDomAdapter){
}
ngAfterContentInit(){
    this.lightboxImages();
}
lightboxImages(){
    let dom = new BrowserDomAdapter();
    let images = dom.querySelector('img','.post-body');
    console.log(images);
}
</code></pre>

<p><strong>Update</strong></p>

<p>If I have the <code>&lt;img&gt;</code> tags inside a variable, how can I get the images from it?</p>

<pre><code>export class Post{

   post:Post;

   @Input()
   set data(data:any) {
     this.post = new Post(data); 
     this.lightboxImages(this.post.content());
   }

   lightboxImages(content:any){
       let images = content. ???
       console.log(images);
   }
}
</code></pre>