title: Javascript: select an image element inside a div
body: <p>I have a parent div <code>gal1</code>, inside which there can be further divs and content, but <strong>only one</strong> <code>img</code> element <em>without an id</em> as you can see below. Now I want to use only Javascript (<strong>no jQuery</strong>) to change the style of this image, using <code>gal1</code> as argument (because the rest of the structure inside this div may vary, only this <em>one</em> image will always be there somewhere). I couldn't find any other stackoverflow question that addresses exactly my situation.</p>
  
  <pre><code>&lt;div class="gallery-preview" id="gal1"&gt;
      &lt;div class="gallery-preview-img" id="gal-img1"&gt;
          &lt;img src="galleries/kevin-carls/Monks.jpg"&gt;
      &lt;/div&gt;
      &lt;div class="gallery-preview-text" id="gal-text1"&gt;
          &lt;span class="gallery-name" href=""&gt;Road to India&lt;/span&gt;&lt;br/&gt;
          &lt;span class="artist-name" href=""&gt;Kevin Carls&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>