How to get the src attribute from a JSON object? : <p>This is one object of my JSON :</p>

<pre><code>        {
          "box": [
            {
              "htm": "&lt;div style=\"float:left;margin:0 0 10px\"&gt;&lt;img alt=\"BICYCLE GARAGE\" src=\"//cdn.membershipworks.com/u/5ceef04cf033bfad7c9d9c82_lgl.jpg?1565140260\" class=\"SFbizlgo\" onerror=\"SF.del(this)\"&gt;&lt;/div&gt;&lt;div style=\"float:left\"&gt;&lt;h1 style=\"display:block;margin:0;padding:0;\"&gt;BICYCLE GARAGE&lt;/h1&gt;&lt;p style=\"margin:15px 0 0;\"&gt;&amp;quot;For bicycling around the block or around the world&amp;quot; Bloomington, Indiana&lt;/p&gt;&lt;/div&gt;&lt;div style=\"clear:both;\"&gt;&lt;/div&gt;"
            }
          ],
          "lbl": "About"
        }
      ],
</code></pre>

<p>To get the box object I did
<code>const logoHtml = tpl[0].box[0].htm</code>
and in my console I'm getting <code>&lt;div style="float:left;margin:0 0 10px"&gt;&lt;img alt="ALAMEDA BICYCLE" src="//cdn.membershipworks.com/u/5ceef04bf033bfad7c9d9c0a_lgl.jpg?1566946141" class="SFbizlgo" onerror="SF.del(this)"&gt;&lt;/div&gt;&lt;div style="float:left"&gt;&lt;h1 style="display:block;margin:0;padding:0;"&gt;ALAMEDA BICYCLE&lt;/h1&gt;&lt;p style="margin:15px 0 0;"&gt;&lt;/p&gt;&lt;/div&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</code></p>

<p>Which is good! To get the src attribute I've been doing <code>const newLogo = document.getElementsByTagName('img').src</code></p>

<p>Now, how do I combine those two constants to get the src attribute from the img tag?</p>
