JavaScript+DOMプログラミング芸術——学習ノート(下)

七、動的にHTMLコンテンツを作成する

document.write()方法

    文字列を文書に挿入する

document.write(“<p>This is inserted.</p>”);

 短所:jsとhtmlを分離していませんので、なるべく使わないようにしてください.
 

innerHTML属性

Var testdiv = document.getElementById(“testdiv ”);

testdiv.innerHTML =”<p>This is inserted.</p>”;

 
利点:これまで多くの部品を分離しましたが、あまり使わないべきです.特許ですので、業界標準ではありません.
 

createElement()メソッド

    要素ノードを作成
 

apped()方法

新しく作成したノードをドキュメントのノードツリーに挿入します.
 

createText Node()方法

テキストノードを作成
 

insertBefore()方法

新しい要素を既存の要素の前面に挿入します.