[B! DOM][javascript] rockenotaのブックマーク

http://game.gr.jp/js-ml/samples/200012/addinput.htm

rockenota 2007/09/21

リンク

window.onloadを待たずにDOM処理を開始する - ［JavaScript］All About

JavaScript ガイド：高橋登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。掲示板取材依頼問合せ window.onloadを待たずにDOM処理を開始する最近、JavaScript+DOMベースでページやエレメントを構築するような場面が、少しずつ増えてきているようですが、ページのHEAD内でDOM要素をcreateElementはできても、それを、まだ存在しないdocument.body以下のノードへ追加や挿入することはできません。たとえば、「test」という赤文字を表示させようとして、何の対策もせずに、下記のようなコードを書き、エラーに見舞われたり、動作しなかったという方も少なくないと思います。このエラーは、<body>タグによってdocument.bodyのオブジェクトが生成される前にdo

rockenota 2007/09/08

リンク

DOM InsertBefore()

下記の文字に触ってください最初の文字下記の文字に触ってください <p onmouseover=" // TEXT_NODEを作り変数ndへ入れる nd = document.createTextNode('どう?') ; // 最初の子(firstChild)の前へndを挿入 this.insertBefore( nd , this.firstChild ) ">最初の文字</p> 「最初の文字」の前へ「どう？」が挿入されます。つまり、「どう？最初の文字」となるのです。ここで、ちょっと気をつけたいのは、下記のようにinsertBefore()の第二引数が無い場合は「前」ではなく「末尾」に挿入されることです。つまり、上とは逆に、「最初の文字どう？」となるのです。最初の文字下記の文字に触ってください <p onmouseover=" /