divとDIVの違いについて

Question

Javascriptを勉強中ですが、
タグの生成方法ですが、以下の二つの書き方は同じでしょうか？　divを小文字にするか大文字にするかの違いですが．．．
自分試してみるとどちらも問題なくHTMLのdivタグを生成しますが、本当のことが知りたいです。

  var test = document.createElement('DIV');
  var test = document.createElement('div');

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

問題となっているのはJavaScriptのcreateElement()の仕様ですのでMDNで確認しますと、

HTML 文書で呼び出すと、 createElement() は要素を生成する前に tagName を小文字に変換します。

とあります。
https://developer.mozilla.org/ja/docs/Web/API/Document/createElement

「小文字に変換」は意味するところが少々曖昧なので、念の為リンクされている仕様書を見ますと、

If this is an HTML document, then set localName to localName in ASCII lowercase.

とあります。
https://dom.spec.whatwg.org/#ref-for-dom-document-createelement%E2%91%A0
「ASCII lowercase」の定義に飛ぶと、

To ASCII lowercase a string, replace all ASCII upper alphas in the string with their corresponding code point in ASCII lower alpha.

ということで、文字列の中のASCII大文字を対応するASCII小文字に変換したものになるようですね。
今回'DIV'はASCII大文字のみからなるので、要素を生成する前に'div'に変換され、どちらも同じになると分かります。

Comments

[kinsncn]

丁寧なご説明大変ありがとうございました。

Answer 2

どうぞ。
HTML 大文字 小文字 違い

Comments

[kinsncn]

ありがとうございます。
大変申し訳ございませんが、リンクが有効ではない気がしますが、
それとも、別の意味でしょうか？

[javahack]

失礼しました。リンクを修正しました。

[kinsncn]

ありがとうございます。
確認できました、助かりました。

[ikadzuchi]

今回の問題に無関係です。

[kinsncn]

ありがとうございました。