Wie man etwas HTML-Code in einem Div durch einen anderen neuen HTML-Code durch Javascript ersetzen kann

Question

Ich benutze WordPress und ich möchte etwas HTML in der Fußzeile ersetzen. Ich möchte kein untergeordnetes Thema dafür erstellen. Ich möchte nur einfaches JavaScript verwenden. Im Folgenden ist der Code, der derzeit auf der Website ist.

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

Jetzt möchte ich in der "copyright" div mit meinem neuen HTML-Code mit JavaScript alle HTML-Code ändern. Mein neuer HTML-Code wird wie er oder was auch immer sein.

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

verwendete ich einen Code für das funktioniert es aber nicht HTML unterstützen.

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

Ich mag einfach JavaScript-Code, wo ich einfach meinen neuen HTML-Code eingeben.

Bitte lassen Sie mich wissen, wie kann ich es tun.

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