JavaScript DOMプログラミングアート(2)

setAttributeは、第1レベルのDOMの構成部分であり、setAttributeを使用せずに、domオブジェクト属性名を介して属性値を同様に修正することができる.しかし、setAttributeの利点は、要素のすべての属性を変更することができることである.同時移植性が良い.古い属性名の付与方法はウェブドキュメントのみに適用され、DOM法は任意のマーク言語に適用されます.

DOMは、複数の環境と複数のプログラム言語に適した汎用型APIであり、DOMを厳守することで互換性に関するあらゆる問題を回避することができる.

タグのonclick="..."は、任意の方法を引用符に入れることができる.onclick=new Function('statement')に相当します.このとき、新たに生成された関数・インスタンスの最後の明示的な戻りが、デフォルト・イベントをトリガしないことを保証する必要がある.生成された関数がfalseに戻ると、trueイベント処理関数がクリックされたと見なされ、逆にonclickに戻ると、クリックされていないと見なされ、デフォルトイベントはトリガされない.

タグ内のイベントには、false、eventが適用されてもよい.thisは、対象ノード自体を指す.

thisは、すべてのサブノード(要素とテキストノード)を取得し、ここで改行符もテキストノードを生成する.

childNodesは、各ノードにnodeType値

がある.

要素ノード:1

属性ノード:2

テキストノード:3

nodeTypeノードの値

要素のnodeValueは表示されないが、そのサブノードコンテンツ

を表示する.

要素のnodeValueは、その値nodeValueと同じ概念

ではない.

相対ノード:value、firstChild

擬似プロトコルlastChildは、javascript:を介してJS関数を呼び出すことができるようにした.が、古いブラウザで失敗する可能性があり、このようなやり方はよくない.

hrefは、ドキュメント内のジャンプのみの接続記号です.指していないまたはいくつかのブラウザは、ドキュメントのヘッダを指します.

メソッド検出

オブジェクト検出:適用する方法が存在するかどうかを検出する

ブラウザの嗅覚技術:ブラウザが嘘をつくことがあるので、使うことを勧めません.

パフォーマンス最適化

は、アクセスDOMと減少フラグを低減する.いつでも、DOM元素を調べたら、ブラウザーはDOMツリー全体を検索して、中からマッチング可能な元素を探します.必要以上の元素はDOMツリーの規模と特定の元素を探す時間を増やすだけです.

合併・配置スクリプト

圧縮コード

安定退化(優雅劣化)
JSが使えない、またはJSが禁止されている状況を考慮して、ユーザーがスムーズにウェブサイトを閲覧できるようにする.最初から完全な機能を構築し、低バージョンのブラウザに対応する.
Oclickが失効した場合、hrefのジャンプを確保し、有効であればデフォルトイベントのトリガを禁止する.
インボリュート
低いバージョンのブラウザーに対してページを構築して、最も基本的な機能を保証して、それから高級なブラウザーに対して効果、インタラクティブなどの改善と追加の機能を行ってもっと良いユーザー体験を達成します.
ユーザーを中心としたデザイン