title: Javascript: How to change the text inside <p> in a <div> onclick an <a> inside a list
body: <p>Onclick anchor tag 'CLICK ON ME' I want to change the text of p tag inside div....</p>
  
  <pre><code>&lt;li class="class_1" id="item-1"&gt;
    &lt;a href="http://somethingxyz.com/"&gt;
    &lt;img src="http://somethingxyz.com/imaqges/image.png" class="mlt-lang"&gt;CLICK ON ME&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>and the p tag in div element where i need to change the text is:-</p>
  
  <pre><code>&lt;div class="footer_left"&gt;
      &lt;p&gt;This text needs to be change.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>