Как заменить некоторый HTML-код в div другим новым HTML-кодом на Javascript

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>. 

Теперь я хочу, чтобы изменить все HTML-код внутри «авторского права» DIV с моим новым HTML код с помощью JavaScript. Мой новый 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