ホームページ > ウェブフロントエンド > jsチュートリアル > IEとFirefoxブラウザでのJavaScriptの7つの違いと互換性の書き方まとめ_JavaScriptスキル

IEとFirefoxブラウザでのJavaScriptの7つの違いと互換性の書き方まとめ_JavaScriptスキル

WBOY
リリース: 2016-05-16 18:24:49
オリジナル
913 人が閲覧しました

この記事では、著者が IE と Firefox の JavaScript の 7 つの違いを紹介します。
1. CSS の「float」値
特定の CSS 値にアクセスするための最も基本的な構文は次のとおりです。たとえば、キャメルケース表記を使用して値をコネクタに置き換えます。 , ID「header」を持つ

の背景色の値にアクセスするには、次の構文を使用します。
ただし、「float」という単語は JavaScript の予約語であるため、object.style.float を使用してアクセスすることはできません。
IE でこれを記述します。

document.getElementById("header").style.styleFloat = "left";
Firefox で次のように記述します:

document.getElementById("header").style.cssFloat = "left" " ;


2. 要素の推論スタイル
JavaScript は object.style.property 構文を使用して外部から CSS スタイルに簡単にアクセスして変更できますが、その構文には次のような制限があります。すでに設定されているインライン スタイル、または JavaScript によって直接設定されたスタイルのみを取得します。外部スタイルシートにはアクセスできません。要素の「推論された」スタイルにアクセスするには、次のコードを使用できます。 IE でこれを記述します。

var myObject = document.getElementById("header");
var myStyle = myObject .currentStyle.backgroundColor;
これを Firefox で記述します:

var myObject = document.getElementById("header");
var myComputedStyle = document.defaultView.getComputedStyle(myObject, null); 🎜>var myStyle = myComputedStyle.backgroundColor;

3. 要素の「class」にアクセスします

「float」と同様に、「class」は JavaScript の予約語です。ブラウザ コンテナでは、次の構文を使用して「クラス」にアクセスします。 IE では次のように記述します。
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");
Firefox では次のように記述します。 :

var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");
この構文は、setAttribute メソッドを使用する場合にも適用されます。

4.
タグの「for」にアクセスする

ポイント 3 で説明したように、 タグの「for」にアクセスするには、目に見えない構文の区別も使用する必要があります。
var myObject = document.getElementById("myLabel");
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート