sample: replace specify strings by multiple replace function

by sii_side

HTML

<textarea id="before" cols="60" rows="10">
&lt;div class=&quot;box_outer&quot; id=&quot;free_text_all&quot;&gt;
&lt;div class=&quot;box_inner&quot; id=&quot;free_text_all&quot;&gt;
&lt;h2&gt;注文確認、メール設定など&lt;/h2&gt;
&lt;ul class=&quot;related_link&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://odhistory.shopping.yahoo.co.jp/cgi-bin/history-list&quot;&gt;注文の確認（注文履歴、ログイン要）&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://account.edit.yahoo.co.jp/manage_mail&quot;&gt;Yahoo! JAPAN IDのメール設定変更&lt;br&gt;
（注文完了メール宛先を変更）&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://points.yahoo.co.jp/book&quot;&gt;ポイント通帳&lt;/a&gt;&lt;br&gt;&lt;/li&gt;
&lt;/ul&gt;
</textarea><br>

<button onclick="conv();">convert</button><br>

<textarea id="after" cols="60" rows="10"></textarea>

JavaScript

function conv() {
	var before = document.querySelector("#before");
  var after  = document.querySelector("#after");
  
  var str = before.value
  	.replace("<div class=\"box_outer\" id=\"free_text_all\">", "<div class=\"box_outer\">")
    .replace("<div class=\"box_inner\" id=\"free_text_all\">", "<div class=\"box_inner\">")
    .replace("<ul class=\"related_link\">", "<ul>")
    .replace("</ul>", "</ul>\n</div>");

	after.value = str;
}