hogehoge foobar Blog Style Beta

Web,Mac,Linux,JavaScript,Perl,PHP,RegExp,Git,Vim,Redmineなど技術的なことのメモや、ちょっと便利そうなものの紹介をしています。

createTextNodeを使う

今まで、PタグやAタグの中に文字を挿入する場合にinnerHTMLを使用していましたが、
完全にDOMとして使うにはcreateTextNodeを使用するのが正しいようです。

/* PタグのElementを生成 */
var element =  document.createElement('P');

/* Pタグ用のTextNodeを生成 */
var textNode = document.createTextNode("ほげほげ");

/* Pタグの子要素としてTextNodeを追加 */
element.appendChild(textNode);

@IT - JavaScriptでHTMLをダイナミックに書き換える 前編