var flag=false; document.getElementById("btn").onclick=function(){ flag=!flag; if(flag){ var str=document.getElementById("test").innerHTML; var restr=str.split("爆発音").join("BOMB!!"); document.getElementById("test").innerHTML=restr; }else{ var str=document.getElementById("test").innerHTML; var restr=str.split("BOMB!!").join("爆発音"); document.getElementById("test").innerHTML=restr; } }
<div id="wrapper"> <p id="test">後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした。俺は驚いて振り返った。後ろで大きな爆発音がした</p> <button id="btn">置換</button> </div>
div#wrapper{ width:600px; text-align:center; } p{ padding:20px; text-align:left; }