JS勉強会で話した内容 - nothing but trouble

時間がなかったので、数分だけ喋った。ついでにFirebugの話だけじゃないよ。

以下の、htmlを題材に使った。

<html>
<head>
<title>send_のほーむぺーじ</title>
<script type="text/javascript">
console.log("I hate %s !!!!","Safari");
</script>
</head>
<body>
  <div id="hoge">
    <form>
      <input type="text" name="hoge" value=""/>
    </form>
  </div>

  <div id="hoge" style="color:red"><marquee id="foo">こんにちはこんにちは！</marquee></div>
</body>
</html>

getElementById
- IEでidが複数あるhtmlの場合、getElementByIdはHTMLElementの配列を返す
- IEで同じ名前のidとnameが別の要素についている場合、nameの方のHTMLElementを返す。
Firefoxでmarqueeの内部実装を殺して動きを止める。
- Firebugでdir($('foo'))して、内部実装 _doMove()見つけて、全てのmarqueeの_doMoveに{}代入して殺した。
- http://d.hatena.ne.jp/send/20070511/p2
console.logでSafariブラクラ
- 第二引数があるとSafariは落ちる。(debug有効にしてないと落ちないかもしれないけど)
- 普通に、console.log('xxx')みたいなのは、Safariでも使える。引数に変数使えないけど。

まあ、こんな感じの内容でした。すごい急いだから、ついて来てない人が殆どだったと思います。
こんどはゆっくりやりたい。