div의 일부 HTML 코드를 Javascript로 다른 새로운 HTML 코드로 바꾸는 방법

Question

WordPress를 사용 중이고 일부 바닥 글을 바꾸길 원합니다. 나는 그것을위한 자식 테마를 만들고 싶지 않다. 그냥 간단한 자바 스크립트를 사용하고 싶습니다. 다음은 현재 웹 사이트에있는 코드입니다.

<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 코드를 변경하고 싶습니다. 내 새 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");  

나는 단순히 나의 새로운 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