JavaScriptでHTMLをダイナミックに書き換える 前編
もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLをJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
javascript - 決定版 - DOM時代のdocument.write() : 404 Blog Not Found
2007年11月18日15:20 カテゴリLightweight Languages javascript - 決定版 - DOM時代のdocument.write() というわけでさらに添削。 404 Blog Not Found:javascript - 添削 - DOM時代のdocument.write() 追々記: それでも、一時的に戻すというのがやはり気に食わない。別の実装を考えよう.... 追記アリ 例によってFirefox, Safari, Operaで検証。IEの検証よろしく。 /*@cc_on @*/ /* if IE, do nothing (error 8004004, whatever that is) */ /*@if (@_jscript_version > 0) @else @*/ document.getCurrentScript = function(){
javascript - 添削 - DOM時代のdocument.write() : 404 Blog Not Found
2007年11月17日14:30 カテゴリLightweight Languages javascript - 添削 - DOM時代のdocument.write() その他不具合を直してみました。 404 Blog Not Found:javascript - DOM時代のdocument.write() - zorioさんのコメント これだと、同じ親の下に複数のdocument.writeがあっても、最初の所に全部書き出されてしまいます。結論からいうと、以下のとおりとなりました。FireFox, Safari, Operaで検証済み。IEはいかがでしょうか?。 document.getCurrentScript = function(){ return (function (e) { if (e.nodeName.toLowerCase() == 'script') return e;
404 Blog Not Found:javascript - DOM時代のdocument.write()
2007年11月17日04:00 カテゴリLightweight Languages javascript - DOM時代のdocument.write() id:amachang++; [JavaScript] とてもシンプルに自分自身が属する script 要素を取得 - IT戦記 こうすることで、currentScript はこの script 要素を指す。 これにより、document.write()をこう書き直せます。 document.getCurrentScript = function(){ return (function (e) { if (e.nodeName.toLowerCase() == 'script') return e; return arguments.callee(e.lastChild) })(document) }; document.write
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
