如何用Javascript替換另一個HTML代碼中的某些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>. 

現在我想改變「版權」 DIV中的所有HTML代碼中使用JavaScript我的新的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");  

我想簡單的JavaScript代碼，我可以簡單地輸入我的新的HTML代碼。

請讓我知道我該怎麼做。

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