如何通过 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 将 "copyright" 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

如何通过 Javascript 将 div 中的一些 HTML 代码替换为另一个新的 HTML 代码

How to replace some HTML code in a div with another new HTML code by Javascript

html

javascript

wordpress

replace

replacewith