「JavaScript シングルクォートのエスケープ」の版間の差分

2020年2月16日 (日) 04:27時点における最新版

innerHTML を利用して動的にinput タグを生成する場合等、以下のように(value=)しシングルクォートを利用するが、

xx.innerHTML = "<input type='text' value='" + val + "'/>";

この場合、valにシングルクォートが含まれる場合、正しく動作しない。ダブルクォートを使用(value=\"\")し、" に置き換えることで、シングルクォート、ダブルクォートともに正しく扱うことができる(本来は、引用符以外のHTML特殊文字も置き換えるべき)

xx.innerHTML = "<input type='text' value=\"" + val.replace(/"/i, """)+ "\"/>";

@@ 1行目: / 1行目: @@
 ==シングルクォートのエスケープ==
-innerHTML を利用して動的にinput タグを生成する場合等、以下のように(value='')しシングルクォートを利用するが、
+inner[[HTML]] を利用して動的にinput タグを生成する場合等、以下のように(value='')しシングルクォートを利用するが、
-  xx.innerHTML = "<input type='text' value='" + val + "'/>";
+  xx.inner[[HTML]] = "&lt;input type='text' value='" + val + "'/&gt;";
 この場合、valにシングルクォートが含まれる場合、正しく動作しない。
-ダブルクォートを使用(value=\"\")し、&quot; に置き換えることで、シングルクォート、ダブルクォートともに正しく扱うことができる(本来は、引用符以外のHTML特殊文字も置き換えるべき)
+ダブルクォートを使用(value=\"\")し、&quot; に置き換えることで、シングルクォート、ダブルクォートともに正しく扱うことができる(本来は、引用符以外の[[HTML]]特殊文字も置き換えるべき)
-  xx.innerHTML = "<input type='text' value=\"" + val.replace(/"/i, "&quot;")+ "\"/>";
+  xx.inner[[HTML]] = "&lt;input type='text' value=\"" + val.replace(/"/i, "&quot;")+ "\"/&gt;";
 {{ref quote_escape.lzh}}
 ----
-{{include_html banner_html, "!Javascript"}}
+{{include_html [[banner_html]], "!Javascript"}}