Dom とブラウザの互換性に関する説明_DOM

Web フロントエンド ワーカーとして、職場でブラウザの互換性の問題に混乱することがよくありますか?たとえば、CSS スタイル? 通常の Web ページが IE ブラウザーで表示されるのは明らかです。 FireFox や Google Chrome に関しては、めちゃくちゃです。 JavaScript と Dom を使用して Web ページ スクリプトを作成するときに、同様の問題に遭遇したことがあるかもしれません。明らかに、スクリプトは FireFox ブラウザで正常に実行されます。 IEでエラーが発生しました。 たとえば、js イベントをトリガーするソース ターゲットを取得します。マウスの位置や要素の位置にも問題があります。イベントを要素などに動的にバインドします。 ． ． IE や FireFox などのブラウザにおけるいくつかの Dom コマンドの非互換性の問題を以下にリストします。
スペースの制限があります。このページでは、Dom 命令については詳しく説明しません。関連するコマンド名をクリックすると、詳細な説明と例が表示されます。
JavaScript を使用してトリガーされたイベントのソース ターゲットを取得する場合、IE と FireFox では動作が異なります。つまり、Web ページ内のどの要素がイベントをトリガーしたかということです

1. IE ブラウザで srcElement を使用する
2. FireFox ブラウザでターゲットを使用する

Web ページのタグ要素内のテキストを取得および変更するために Dom を使用する際の問題

1. IE ブラウザで innerText を使用する
2. FireFox ブラウザで textContent を使用する

要素内のマウスの位置

1. IE で offsetX と offsetY を使用して、Web ページ内の特定の要素上のマウスの位置を取得します
2. FireFox は、layerX と LayerY を使用して、Web ページ内の特定の要素上のマウスの位置を取得します

Web ページまたは要素のイベントの動的バインドと削除に関する問題

1. IEでイベントをバインドするメソッドはattachEventです
2. IEでバインドされたイベントを削除するメソッドはdetachEventです
3. FireFox でイベントをバインドするメソッドは addEventListener です
4. FireFox でバインドされたイベントを削除するメソッドは、removeEventListener です

続きます... カン監督: 2010-07-24