新しい方法での新しいブラウザのサポート

Question

私たちはIE6からIE8までのブラウザでサポートされている古いWebベースのアプリケーションを持っています.JavaScriptとCSSはIE固有のものです。今私たちはIE9をサポートしたいと思っています。私たちのjavascriptには、setAttributeとgetAttributeではなく、ドット（.）を使って要素インスタンスのHTML属性にアクセスするなど、IE9ではサポートされていない多くの構文があります。

私は、より多くのブラウザバージョンをサポートしたり、さまざまなブラウザをサポートしたりする最善の方法を探していました。

私はjQueryを使ってすべてのブラウザの非標準機能にアクセスしたり、ブラウザにはgetAttributeのようなメソッドを持っていて、IE7やIE9のような別のクラスを呼び出すと考えていました。

私はこのようなシーンでユーザーが使用する最善の方法とアプローチを使用したいと思います。

setAttributeとGetAttributeは単なる単純な例です。例えば、要素参照にアクセスするために、以前のバージョンのfirefoxなどではサポートされていないdocument.all.elementNameを使用しています。このコードをすべてJqueryに変換する別の図書館。 その後、設定や属性を取得するより多くの問題があり、問題の焦点は、すべてのブラウザでサポートJavaScriptに

おかげ

を古いJavaScriptを変換するための最良の方法何です

Answer 1

IE < 9用に特別に書かれたコードが他にもたくさんある場合は、最初にすべてのIE固有のコードを特定し、それをクロスブラウザコードに置き換える必要があります。私は特定の図書館がそれを助けるとは思わない、実際POJSはおそらくもっと簡単だろう。

例えば、document.allの監督下の置き換えをdocument.getElementByIdとすることはできますが、$（jQueryやPrototypeなどからの$はここではできません）。

標準以外の属性でドットプロパティのアクセスを使用する際に問題が発生しますが、プロパティとして設定されている場合は原則的にはうまくいかない場合もあります。

ちなみに、jQueryはget/setAttributeを "オーバーライド"せず、独自のattrとpropメソッドを持っています。

最終的に、すべてを最初から書き直すことになります。 feature detectionと適切な代替戦略を使用して、特定のブラウザのバージョンをターゲットにしたり、標準をサポートしたり、必要に応じて非標準動作に対処したりしないでください。

Answer 2

確かにブラウザ経由で滑らかにするために、ライブラリと一緒に行くお勧めします便利な機能をたくさん提供します。多くの選択肢があります：jQuery、YUI、Closure、Prototype、またはany of several othersです。 jQueryはhugely dominant at the momentなので、これに精通している人を簡単に見つけることができます（また、積極的な開発リソース、スポンサーシップなどがあります）。しかし、選択するライブラリはあなた次第です。あなたはむしろgetAttribute/setAttributeよりも、属性の反映プロパティを使用する時間がありますので

また強く、DOM2 HTML specificationとHTML5仕様のWeb Application APIs部に密接に見てお勧めします。たとえば、element.idは、要素のIDを参照する完全な有効なブラウザ間の方法です。 element.getAttribute("id")を使用する必要はありません。同様に、element.getAttribute("class")ではなくelement.classNameを使用します（一部の以前のバージョンのIEでは正しく動作しません）。 IE8以前では、任意の属性の要素に他のプロパティを追加することもできます（たとえば、要素にfoo属性がある場合はelement.foo、data-fooの場合はelement['data-foo']）、IE9などのブラウザ（正当な理由で）を使ってはいけませんが、標準的なプロパティの場合、頻繁に反映されたプロパティがあります。

エレメントに任意の属性を使用している場合は、HTML5仕様ごとに名前をthe data-* formatに変更することをおすすめします。

Answer 3

IE 9は、過去15年間にリリースされたすべての主要ブラウザと共通して、HTML属性を反映するDOMプロパティにアクセスすることを絶対にサポートしています。だから、あなたはそれが聞こえないとわかりません。[編集：Aaaah、私はカスタム属性について話していると思います。。これらのプロパティはDOM仕様で標準化されており、将来のブラウザでも動作することが保証されています。さらに、通常は、getAttribute()とsetAttribute()（特に古いIEでは、これらのメソッドの実装が壊れている）ではなく、プロパティを使用する方が便利で互換性があります。

jQueryのようなライブラリは、ブラウザの問題や非互換性をスムーズにするのに役立ちますが、実際には、多くの人が信じるほどのものではありません。これらのライブラリの存在は、ブラウザでのDOM操作が難しく、問題がないという一般的な神話を作り出しました。一般的にそうではありません。今日、問題はこれまで以上に理解され、文書化されています。