JSFiddle - React, Tailwind, and code Playground

HTML

<div class="e1">
    <p>
        <img alt="" src="http://lorempixel.com/200/100/" />
    </p>
</div>
<div class="e1">
    <p>
        <img alt="" src="http://lorempixel.com/240/100/" />
    </p>
</div>
<div class="e1">
    
<h1> My new h1 </h1>

</div>
<pre id="output"></pre>

CSS

pre {
    background-color: whitesmoke;
    border: 1px solid #ddd;
    padding: 5px;
}

JavaScript

(function () {
    'use strict';

    var images = document.querySelectorAll('.e1 img[src]'),
        sources = Array.prototype.map.call(images, function (img) {
            return img.src;
        });

    document.getElementById('output').innerHTML = 'sources = ' + JSON.stringify(sources, null, '  ');
})();