divの一部のHTMLコードをJavascriptで別の新しいHTMLコードに置き換える方法

Question

私はWordPressを使用していますが、フッターの一部のHTMLを置き換えたいと思います。私はそれのための子供のテーマを作成したくありません。ちょうど簡単なJavaScriptを使いたい。以下は現在ウェブサイトに掲載されているコードです。

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

今、私はJavaScriptを使用して私の新しいHTMLコードを「著作権」のdiv内のすべてのHTMLコードを変更したいです。私の新しいHTMLコードは、他のものと同じようになります。

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

私はそれが動作します。このためのコードを使用しますが、HTMLをサポートしていません。

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

私は単に私の新しいHTMLコードを入力することができ、簡単なJavaScriptコードをしたいです。

私に教えてくださいどうすればいいですか？

Answer 1

var yourHTML = '<div class="mynewdiv">Copyright 2016<a href="www.myclientwebsite.com" title="My Client Title"><span>Client Company Name</span></a>. Website Designed by<a href="http://www.mywebsite.com/">My Company Name</a></div>'; 
document.getElementsByClassName('copyright')[0].innerHTML = yourHTML; 
// If you change your HTML, change the value of yourHTML