[JavaScript] ブラウザによる innerHTML の取得値の差異
「[JavaScript] ruby要素をJSで擬似的に再現する」のライブラリを作成している時に、innerHTML で取得できる値がブラウザによって異なることに気付いたのでメモする。
Internet Explorer の場合
- 要素名が大文字になる（例：DIV）
- 属性名が小文字になる（例：id）
- 空白、空行は省略される
- 改行は半角スペースに変換される
- 属性に値を指定する際のダブルクォーテーション（"）が消去される（例：id=aa）
FireFox の場合
- 要素名が小文字になる（例：div）
- 属性名が小文字になる（例：id）
- 空白、空行が省略されない
- 改行はそのまま
- 属性に値を指定する際のダブルクォーテーション（"）は消去されない（例：id="aa"）
トラックバックURL
http://mashimonator.weblike.jp/mt/mt-tb.cgi/38
コメント投稿フォーム