I am newbie scraping and most specially new using Puppeteer.

I wanted to scrape a content from a website.

This is just a sample HTML

<section>
    <article>
        <div id="novel_content">
            <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, turpis a lobortis fringilla, nulla odio ultrices metus, eu eleifend nibh metus iaculis magna. Praesent vel euismod velit</p>
            <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, turpis a lobortis fringilla, nulla odio ultrices metus, eu eleifend nibh metus iaculis magna. Praesent vel euismod velit<br>
<img src="/images/imagefile.png"></p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, turpis a lobortis fringilla, nulla odio ultrices metus, eu eleifend nibh metus iaculis magna. Praesent vel euismod velit</p>
        </div>
    </article>
</section>

I manage to get the content already using the following

document.querySelector('article > div#novel_content > div').textContent;

But apparently this only gets the text content, it doesn’t include the image src.

My expected result would be like this.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, turpis a lobortis fringilla, nulla odio ultrices metus, eu eleifend nibh metus iaculis magna. Praesent vel euismod velit</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, turpis a lobortis fringilla, nulla odio ultrices metus, eu eleifend nibh metus iaculis magna. Praesent vel euismod velit<br><img src="/images/imagefile.png"></p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque, turpis a lobortis fringilla, nulla odio ultrices metus, eu eleifend nibh metus iaculis magna. Praesent vel euismod velit</p>