How to replace some HTML code in a div with another new HTML code by Javascript
<p>I am using WordPress and I want to replace some HTML on footer. I do not want to create a child theme for it. Just want to use simple JavaScript. Following is the code which is currently on website.</p>

<pre><code>&lt;div class="copyright"&gt;
Copyright 2016 
    &lt;a href="www.myclientwebsite.com" title="My Client Title"&gt;
        &lt;span&gt;Client Company Name&lt;/span&gt;&lt;/a&gt;.
Powered by
    &lt;a href="http://wordpress.org" target="_blank" title="WordPress"&gt;
        &lt;span&gt;WordPress&lt;/span&gt;&lt;/a&gt;.
Theme: by 
    &lt;a href="http://thememakerwebsitelink.com/themename" target="_blank" title="Thememaker" rel="theme"&gt;
        &lt;span&gt;Theme Maker Name&lt;/span&gt;&lt;/a&gt;.
</code></pre>

<p></p>

<p>Now I want to change all the HTML code inside the "copyright" div with my new HTML code using JavaScript. My new HTML code will be like it or whatever other.</p>

<pre><code>&lt;div class="copyright"&gt;
&lt;div class="mynewdiv"&gt;
Copyright 2016
    &lt;a href="www.myclientwebsite.com" title="My Client Title"&gt;
        &lt;span&gt;Client Company Name&lt;/span&gt;&lt;/a&gt;.
Website Designed by
    &lt;a href="http://www.mywebsite.com/"&gt;My Company Name&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>I used a code for this it works but not support HTML.</p>

<pre><code>&lt;script type="text/javascript"&gt;document.getElementsByClassName('copyright')[0].replaceWith("Text without HTML");    
</code></pre>

<p></p>

<p>I want simple JavaScript code where I can simply type my new HTML code.</p>

<p>Please let me know How can I do it.</p>