cssばかりをあつかっていても飽きるし、そんなにおもしろいものでもない。
DOMにはさらに、html タグやその内部の文書を生成する関数もある。この関数をつかえば、サーチエンジンには空にしか見えない情報たっぷりのサイトを構築し、seoをギャフンといわせる事も可能になるのだ。
そしてその関数の名はcreateElement と createTextNode。
createElementはタグを生成する(そろそろタグというのも飽きたし、正確ではないっぽいので以下はnode(ノード)と呼ぶことにする)。例えばdocument.createNode("p");と書くとノードpが生成される。まだためしてないけれどきっと生成したノードも同じようにscriptで操作できるだろうから使い方によっては楽しい事ができるっぽい。
そしてcreate.TextNodeはテキストを生成する。document.createNodeText("nipponnchachacha");と書けばnipponnchachachaというテキストが生成されるというわけだ。
さらに生成したノードに生成したテキストを渡してやればpというノードにnipponnchachachaというテキストを入れてページに反映させることができる。
んで、ノードにノード(この場合はテキストノード)を追加する関数がapendChild。
var createdp = document.createNode("p");var createdtext = document.createTextNode("nipponnchachacha");
createdp.appendChid(createdtext);
これでpというノードの中に。テキストノード"nipponnchachacha"が追加された。
でもこれでおわりというわけじゃあなくて、次に生成したノードをbodyのどこに反映させるのかを定義しなければならない。
そこでまたgetElemeNtByIdとかをつかってみる。
document.getElementById("dived").appendChid(createdp);
これでdocument中のdivedというidをもったブロックにcreatedpが反映される。
といった感じ。ちなみにクリックすればするほどノードは増えていくので、飽きるまで押してみて下さい。
そして書いても書いてもこのブログの文体が定まらないのは性格のせい。