How to get the specific child element from the the parent element in javascript
<p>Hi I am using javascript in my project and certainly new to it, In a certain scenario, I want to get the child element's ID of a parent element, so that I can change the css class of that child only.</p>

<p>Code: </p>

<pre><code> &lt;div id="section_container" class="col-md-3 section_container " onclick="handler(this)"&gt;
        &lt;div id="content" class="col-md-10 leftone "&gt;Make a complaint&lt;/div&gt;
        &lt;div class="rightone  col-md-2"&gt;
            &lt;img id="arrow" class="arrow-image"&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="section_container" class="col-md-3 section_container "&gt;
        &lt;div id="content" class="col-md-10 leftone "&gt;Make a complaint&lt;/div&gt;
        &lt;div class="rightone  col-md-2"&gt;
            &lt;img id="arrow" class="arrow-image"&gt;
            &lt;a href="www.google.com" &gt;&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="section_container" class="col-md-3 section_container "&gt;
        &lt;div id="content" class="col-md-10 leftone "&gt;Make a complaint&lt;/div&gt;
        &lt;div class="rightone  col-md-2"&gt;
            &lt;img id="arrow" class="arrow-image"&gt;
        &lt;/div&gt;
    &lt;/div&gt; 
</code></pre>

<p>Here, I am having three identical divs from which I am calling a javascript function handler, In handler I have written the code to change the classes if click on the section container </p>

<p><strong>Problem :</strong><br>
since there are three identical element section_container, I am unable to find that which element should get highlighted(css classes should be applied).</p>

<p>elements with ID : content arrow and section_container gets new clas.</p>

<p><strong>Question:</strong> how to identify that only that divs get highlighted on which click has been registered.</p>