タグ

javascriptとdomに関するbasiのブックマーク (6)

  • jsのDOMによるノード取得 - 三等兵

    DOMとはdocument object modelの略。マークアップ言語の文書を操作するためのAPIだそうです。 ブラウザオブジェクトを使うだけでもだいぶ楽なわけですが、クロスブラウザを意識すればやっぱり面倒なんだそうで。大変だね。で、DOMを利用すればブラウザオブジェクトより互換性の高いコードが書きやすいということみたい。 その文書のそれぞれの要素をオブジェクトとみて、文書をオブジェクトの集合であると考えればいいのかな。アクセス方法もそれっぽいし。 文書の解釈上IEとFFでは若干違いがあるようで、IEは、 ノード間の空白/改行(空白ノード)を無視する title要素配下のテキストノードを無視する らしい。ノードっつーのはオブジェクトのことで、要素ノード、属性ノード、テキストノードなどと呼んだりする。html上要素ノードはタグで、属性ノードはプロパティのことでしょう。 とりあえず空白ノー

    jsのDOMによるノード取得 - 三等兵
  • getElementsByTagName()の戻り値のNodeListは取得後にも中身が変化する - inamenaiの日記

    ファミレスを享受する ゲーム「ファミレスを享受せよ」を遊んだ。気合いを入れればさくっとエンディングまで到達できるゲームだと思う。イラスト良し、テキスト良し、BGM良し。 www.youtube.com 語ることは多いが、書きたいことは「私はファミレスを享受してきた」ということだけなので感想…

    getElementsByTagName()の戻り値のNodeListは取得後にも中身が変化する - inamenaiの日記
  • プログラマ視点でみたjQueryの魅力 - EC studio 技術ブログ

    jQueryは、リッチなUIを簡単な記述で実装できます。 デザイナーにも理解しやすい仕様(そこも魅力の一つ!)なので、 いまやデザイナー向けにjQueryを説明するブログもたくさんありますね。 ただ、完全にデザイナー向けのライブラリなのか?というと、そうでもなく デザイナーだけではなくプログラマ視点から見ても魅力があるライブラリだと 言えるでしょう。 今回はプログラマ視点でみたjQueryの魅力と感じた点を簡単にまとめてみます。 コードがスマートになる なんといってもココに魅力を感じます! 細かく言うと以下のものがあげられます。 ・要素の操作もシンプル簡単! jQueryはセレクタを利用して要素を簡単に取得し、 エフェクトの追加やDOMの操作ができます。 (CSSとほぼ同様のセレクタを指定して 簡単にDOMの操作ができるところがデザイナーにも優しいですね!) これは、記述方法をみていただけ

  • イベントのkeyCodeとcharCode - hogehoge @teramako

    イベントのキーコードの取得には event.keyCode event.charCode の二種類があるんだが、keypressイベントとkeydownイベントとで出方が違うことに気付いた。 keypressとkeydownの表す数値は以下の通り keyCodeにはキーを表す特殊コードを表す数値として出る*1 charCodeにはASCII文字コード表に対応した10進数として出る 以下に幾つか試した結果を書くので参考に。ただ、特殊キーに当たりそうな(ex. windows,無変換, IMEオン時の挙動)ものは環境によって異なりそうなので注意。 keypress ASCII文字コードとして認識できるものはcharCodeに出る そうでないものはkeyCodeに出る IMEオン時にイベントが挙がることは期待できない((keyCodeに229で挙がる時と挙がらない時があった)) 押したキー ch

    イベントのkeyCodeとcharCode - hogehoge @teramako
  • innerHTML と outerHTML の使用可否のまとめ

    ie で読み取り専用になっている要素タグには innerHTML は使えません。代替手段として outerHTML を利用して動的に書き換えるテクなどがあります。読み取り専用の要素は例えば table 要素が該当しますが、ちょっとやそっと調べたところで何が読み取り専用の要素なのか資料がでてきません。 と言うわけで適当にスクリプト書いて調べてみました。取りあえず調べた要素は以下の通りです。Internet Explorer Developer Center < meta Object に記述されている要素一覧です。html 要素は outerHTML すると ie がフリーズするので調査対象外です。 <a> <abbr> <acronym> <address> <applet> <area> <attribute> <b> <base> <baseFont> <bdo> <bgSound> 

  • 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
  • 1