以下斜め読んだ内容

pseudo translation of useful posts, book reviews, remarks,etc. twitter: feeddict

John Resig「The DOM is a Mess @ Yahoo」

The DOM is a Mess @ Yahoo

Resig ResigがY!で話したときのスライド
Resigのブログエントリには動画へのリンクあり

以下スライドを斜め読んだ内容
  • getElementsById
    • XML文書では使いにくい
    • IEとOperaではname属性の値を返してしまう
  • getElementsByTagName
    • IE5.5で、"*"を指定すると何も取得できない
    • IE7ではobject要素を取得できない
    • id名がlengthがあるときlengthプロパティが上書きされてしまう
  • getElementsByClassName
    • 使えるのはFx3、Safari3,Opera9.6
    • Fxにバグ
      • HTMLElement.prototype.getElementsByClassNameがリードオンリーになってる
    • Operaにバグ
      • 複数のclass名が指定されてる要素の場合、2個目以降を見つけられない
      • class="a b"のとき、bをOperaでは見つけれない
  • querySelectorAll
    • Fx3.1,Safari3.1,Opera10,IE8
    • IE8は互換モードでは使えない
    • Safari3.1はメモリ面で問題あり
    • Safari3.1の互換モードは大文字を使ったセレクタを見つけれない
  • クロスブラウザなjsを書く
    • 対応ブラウザをきめる
      • コスト/ベネフィットを見る。IE6は高コスト低ベネフィット。
      • degrationを意識
    • 敵をしる
    • コード書く
  • スライド後半
    • そのうち斜め読む