Hebikuzure's Tech Memo

2010年9月26日

Internet Explorer Coocbook (1)

Filed under: IE9 Cookbook — hebikuzure @ 6:15 AM

Internet Explorer 9 beta のリリースに合わせて MSDN (英語版) に「Internet Explorer 9 Cookbook」というコンテンツが公開されている。
IE9 での変更点やその対策などをまとめた記事で、英語も比較的平易なのだが、「英語で書かれているだけで見る気が失せる」という人も居るので順次試訳しようと思う。

翻訳については Microsoft Corporation およびマイクロソフト株式会社とは無関係に hebikuzure が公開情報に基づき独自に行ったものであり、この文書の内容についての文責は公開者である hebikuzure にあります。翻訳の内容および技術的内容については正確を期すよう十分な注意を払っておりますが、誤りや不正確な部分が含まれている可能性がありますので、本文書を利用される際には原文も併せてご確認ください。


Internet Explorer 9 Cookbook > Features Changed in Internet Explorer 9

山括弧 (アングル ブラケット) は createElement メソッドで利用できない

[このドキュメントは速報を目的としており、変更される可能性があります]

影響を受ける Internet Explorer のドキュメント モード

  • IE9 Standards
  • IE9 標準

機能への影響

  • 深刻度:
  • 発生確率:

詳細

Windows Internet Explorer 9 は createElement メソッド内の山括弧 (< >) を認識しません。以前のバージョンの Windows Internet Explorer の標準ドキュメント モードに設定されていない Internet Explorer 9 の Web ページ内で山括弧を通貨と、例外が発生します。例えば以下のサンプル コードは IE9 モードで例外を発生させます。

var elm = document.createElement("<div id='myDiv'>");

影響のある領域

createElement メソッド内で山括弧 (< >) を利用すると、エラーが発生するタイミングに応じて Web ページのコンポーネントで障害が発生します。ユーザーは障害が発生したタイミングに応じて影響をうけます。

Internet Explorer 9 のこの変更に対応するには、二つの方法があります。

  • 以下のサンプル コードのように、要素を生成した後で setAttribute API を利用して属性を個別に追加します。
    var elm = document.createElement("div");
    elm.setAttribute("id","myDiv");
  • 以下のサンプル コードのように、innerHTML API を使い親要素の内側に要素を生成します。
    var parent=document.createElement("div")
    parent.innerHTML="<div id='myDiv'></div>";
    var elm=parent.firstchild;

この他に、Web ページを Internet Explorer 9 より若いドキュメント モードに設定する事もできます。

関連情報

公開日: 2010年9月14日

広告

1件のコメント »

  1. […] Angle Brackets Are Not Allowed in the createElement Method (山括弧 (アングル ブラケット) は createElement メソッドで利用できない) […]

    ピンバック by IE Blog: IE9 に向けたサイトの準備 « Hebikuzure's Tech Memo — 2011年3月25日 @ 8:58 PM


RSS feed for comments on this post. TrackBack URI

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

WordPress.com Blog.

%d人のブロガーが「いいね」をつけました。