DOM Exception.INVALID_CHARACTER_ERR 5:javascriptでエラーが出る原因

Published on:
Last updated:

This post is also available in: 日本語 (Japanese)

下記のようなエラーに遭遇しましたが、調べてもあんまり情報がなかったのでメモ代わりに書いています。

DOM Exception: INVALID_CHARACTER_ERR (5) 

マイクロソフトの解説によると下記のような内容のエラーらしいです。
https://msdn.microsoft.com/ja-jp/windows/gg592979(v=vs.110)

An invalid or illegal character is specified, such as, in a name. Starting with Internet Explorer 10, the error-code string InvalidCharacterError is returned instead.

(意訳)名前の中などに無効または不正な文字が指定されています。Internet Explorer 10からは、エラーコードの文字列「InvalidCharacterError」が代わりに返されます。

このエラーは、IE9でdocument.createElementを使う時などに起こる場合が多いようです。
そもそもdocument.createElementは新たにspan/div/imgなどのエレメント(要素・HTMLタグ)を作成するもので、その他のコードを記述しないでくれよ...という事のようです。他の記述(elementの属性)を挿入するにはattributes(id/src/width/heightなど)とかを使うのが良いようです。

参考:
http://msdn.microsoft.com/ja-jp/library/ie/gg592979(v=vs.85).aspx
http://stackoverflow.com/questions/12941963/ie9-throws-dom-exception-invalid-character-err-5

No tags for this post.

About
Kuniyoshi Takemoto is the founder of Amelt.net LLC, and editor of this blog(www.amelt.net).Learn more and follow me on LinkedIn.