心魅 - cocoromi -

半角スペース時々全角

createTextNodeの挙動

document.createTextNodeは勝手にHTML文字をエスケープしてくれるらしい。
#まぁ考えてみればあたりまえ?

  var div = document.createElement("DIV");
  div.appendChild(document.createTextNode("<span>hoge</span>"));
  console.log(div.innerHTML);//&lt;span&gt;hoge&lt;/span&gt;

  div = document.createElement("DIV");
  div.innerHTML="<span>hoge</span>";
  console.log(div.innerHTML);//<span>hoge</span>

当然ながらタグを有効にしたいときは、innerHTMLに突っ込まないとだめ。