タグ

DOMに関するhibiki443のブックマーク (4)

  • HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log

    IE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素をわせると悪夢のようなDOMツリーを生成するというものがあります。 var div = document.createElement("div"); div.innerHTML = "<section>section</section>"; document.body.appendChild(div); 上記のコードを実行すると、body以下にはこのような構造ができてしまいます。 <body> <div> section </SECTION> </div> </body> どうやら、innerHTML に与える文字列を div でラップし、div要素の前に何か一つ以上のダミーの文字列を設定しておき、あとでアンラップすれば上手くいくようです。 http://jsdo.it/uupaa/IEInnerHTMLB

    HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log
  • Ex DOM Storage をリリースしました - Yet Another Hackadelic

    結構前に作っていたんだけど、IE6, IE7 でも動作する DOM Storage を作ったので、きちんと告知します。 追記 ちなみにサーバーにファイル置くだけで動きます。ユーザーに何かインストールさせる必要はありません。(2008-09-24T11:45:56+09:00) CodeReposにソースを移動しました。(2008-09-24T12:37:24+09:00) Ex DOM Storage dist http://svn.coderepos.org/share/lang/javascript/exdomstorage/tags/0.01/ source http://svn.coderepos.org/share/lang/javascript/exdomstorage sample http://svn.coderepos.org/share/lang/javascript/

    Ex DOM Storage をリリースしました - Yet Another Hackadelic
  • IEにFirebugの機能を提供する - "DebugBar"登場 | エンタープライズ | マイコミジャーナル

    DebugBarの動作例 - DebugBarサイトから抜粋 Webアプリケーション開発に必須のツールといえばFirefoxとそのエクステンションFirebugだ。その機能は驚くべきものがあり、もはやFirebugなくてはWebアプリケーション開発はできないと考えるデベロッパやデザイナは少なくない。 エクステンションが豊富に用意されているFirefoxだが、ほかのWebブラウザでも似たような機能を提供するものがある。ここでは先日新しいバージョンが公開されたDebugBarを紹介したい。DebugBarはIEを対象として開発されたツールで、Firebugの機能をIEでも実現することを目指している。 今回公開されたバージョン(5.0 beta 1)では新しくDOMタブが追加されている。DOMツリー上のノードが選択されると、Source/Style/Comp.Style/Layout/Attrs

    hibiki443
    hibiki443 2007/11/18
    IE 版 Firebug のようなもの
  • たのしいXML: DOMとJavaScript

    たけち: 前に、DOMとJavaScript: 子ノードを調べる、他で、子ノードがいくつあるかを調べて子ノードのテキストを取ってくる例を次のようなインターフェイスを使って、やったよね。 子ノードがあるかどうかを調べる: hasChildNode 子ノードがいくつあるかを調べる: childNodes.length 子ノードのテキストを取ってくる: childNodes.item(int index).text さらら: あぁ、そうだったわね。 たけち: 今回は、子ノードを調べたり、みたりする別のインターフェイスを紹介するね。。 さらら: あっ、他の方法もあるってことなのね。 たけち: そう、雰囲気は分かってきていると思うから、早速次に紹介するね。

  • 1