javascript - 如何通过 Javascript 将 div 中的某些 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>.

现在我想使用 JavaScript 将“版权”div 内的所有 HTML 代码更改为我的新 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