ライブラリを使わないでDOMにアクセスするJavaScriptを書いたときにはまった2つのこと | バシャログ。
タスク管理するのに手帳を使おうとして2週間で挫折したので、iPhone & Mac でできないか挑戦している tanaka です。 最近、諸事情により jQuery などのライブラリ を使わずに DOM を操作する JavaScript コードを書く機会がありました。ある程度はライブラリなしで書いたこともあるし、そんな大変じゃないだろう…と思っていたら、想定外に時間がかかってしまいました。(多くはレガシーなIE対応ですが…)そんなわけで、ライブラリを使わないで JavaScript を書いたときに遭遇した問題2つを紹介します。サンプルコードはQUnitでテストを書き、テスト実行＋コードリーディングすることでIEとそれ以外のブラウザの違いが理解できるようにしました。 IE 7以下で setAttribute('class', [classNames])/getAttribute('class
js で利用する DOM の名前をどうやってつけたらよいのか - おもしろwebサービス開発日記
js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('click', function () { // update 処理 }) でもこれだと問題になるケースがあります。よくあるのが、マークアッパーとフロントエンジニアが分業していて、マークアッパーがデザインのために class 名を変えてしまい js が動かなくなるパターン。分業せずに一人で全部やってたとしても、時間が経つにつれ使っている class 名が js だけで使っているのか、css でも使っている
『Chrome Developer Tools』の裏ワザまとめ | IDEA*IDEA
ドットインストール代表のライフハックブログ
Traversing an HTML table with JavaScript and DOM Interfaces - MDC
Traversing an HTML table with JavaScript and DOM Interfaces Introduction この文書では、強力で基本的な DOM レベル 1.0 のメソッドと、それを JavaScript からどのように使用するかざっと見ていきます。どのようにして HTML 要素を動的に生成、アクセス、制御、削除するかを学ぶことができます。ここで紹介する DOM メソッドは HTML に限ったものではなく、XML に対しても用いることができます。ここで用意しているデモは、Mozilla ブラウザ や他の Netscape の次世代 Navigator ブラウザ 【訳注: Netscape 6 のことを指しています】 のような Mozilla ベースブラウザなど、DOM レベル 1 を完全にサポートするブラウザであればどれでも正常に動作します。この文書
JavaScriptで斜めの線を描く
2005年9月1日（木） ●ハッブル宇宙望遠鏡の延命処置 ハッブル宇宙望遠鏡に搭載されているジャイロスコープのうちの1台が延命のために停止させられました。宇宙望遠鏡にとって目的の天体を正確に捉えるためにジャイロはなくてはならない装置です。ハッブルは予備も合わせて6台のジャイロを搭載していますが、そのうちの2台は既に機能しなくなっています。ハッブルはもともと3台のジャイロを用いて姿勢を制御するように設計されていますが、2台でも従来と比較して遜色のない観測結果を得られることが確認できたので、動作していた3台のうちの1台を停止させて温存するという処置に踏み切ったそうです。この処置で観測期間は8ヶ月延長されて2008年の中頃までになるだろうとのことです。 HubbleSite - Release Text about "Hubble Space Telescope Begins "Two-Gyr
DHTMLで子を探す、親を捜す - nazokingのブログ
結構よくある処理だとおもう。 function searchParent(e,f){ return e && (f(e)?e:searchParent(e.parentNode,f)) ; } function searchChild(e,f){ return e && (f(e)?e:(searchChild(e.firstChild,f) || searchChild(e.nextSibling,f))); } searchChild エレメントeの子ツリー内を順番に*1探し、最初に関数f(ノード)がtrueになるものを返す。無ければnull searchParent 親を順番に捜し、関数f(ノード)がtrueになるものを返す。無ければnull tagNameEqual = function(e,tagName){ return e.tagName==tagName; } elemen
DOM オブジェクトとメモリリーク: Days on the Moon
IE でのメモリリーク ちょこちょこと紹介されているので知っている人も多いと思うが、IE には DOM ノードに絡んだメモリリークの問題がある。これに関しては Microsoft 自身の記事である「Understanding and Solving Internet Explorer Leak Patterns」に詳しいが、簡単にいえば DOM ノードオブジェクトに関する循環参照を作ると、IE を終了させるまでそのオブジェクトが解放されないというものだ。記事によればメモリリークには以下のようなパターンがあるという。 1. 単純な循環参照 ある DOM ノードオブジェクトのプロパティをたどっていくと自分自身に行き着く場合。以下のようなパターンが考えられる。 element.property == element element1.property1 == element2, element2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery プラグイン作成入門