[1] [[要素]]の作成は、いくつかの方法があり、 それぞれで作れる[[要素]]の範囲が少しずつ違っています。 また、[[HTML文書]]と[[XML文書]]とでも、動作が異なります。 * 仕様書 [REFS[ - [23] '''[CITE@en[DOM Standard]] ([TIME[2016-04-26 17:13:41 +09:00]] 版) ''' - [92] [CITE@en[DOM Standard]] ([TIME[2016-04-26 17:13:41 +09:00]] 版) - [117] [CITE@en[DOM Standard]] ([TIME[2016-04-26 17:13:41 +09:00]] 版) - [134] [CITE@en[DOM Standard]] ([TIME[2016-04-26 17:13:41 +09:00]] 版) - [7] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2014-07-20 22:41:10 +09:00]] 版) - [2] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2014-07-02 23:06:24 +09:00]] 版) - [139] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2016-05-14 09:55:50 +09:00]]) ]REFS] * 要素の作成 [63] [DFN[[RUBYB[要素の作成]@en[create an element]]]]は、 [VAR[文書]]、[VAR[局所名]]、[VAR[名前空間]]、[VAR[接頭辞]] (既定値 [[null]])、 [VAR[is]] (既定値 [[null]])、[VAR[同期カスタム要素フラグ]]について、 次のようにします [SRC[>>23]]。 [FIG(steps)[ = [64] [VAR[定義]]を、[VAR[文書]]、[VAR[名前空間]]、[VAR[局所名]]、[VAR[is]] について[[カスタム要素定義を探す]]を実行した結果に設定します。 = [65] [VAR[定義]]が [[null]] でなく、 [VAR[定義]]の[F[名前][カスタム要素定義名]]が[VAR[定義]]の[F[局所名]]と異なるなら、 == [66] [VAR[結果]]を、[[要素]]に設定します。 [FIG(list members middle)[ [FIGCAPTION[ [[要素]] ]FIGCAPTION] : [F[インターフェイス]] : [VAR[局所名]]と[[HTML名前空間]]の[[要素インターフェイス]] : [F[属性リスト]] : 空 : [F[名前空間]] : [[HTML名前空間]] : [F[名前空間接頭辞]] : [VAR[接頭辞]] : [F[局所名]] : [VAR[局所名]] : [F[[[[CODE[is]]値]]]] : [VAR[is]] : [F[カスタム要素状態]] : [CODE[undefined]] : [F[カスタム要素定義]] : [CODE[null]] : [F[節点文書]] : [VAR[文書]] ]FIG] == [67] [VAR[同期カスタム要素フラグ]]が設定されていれば、 === [68] [VAR[要素]]と[VAR[定義]]について[[要素の格上げ]]を実行します。 == [30] それ以外なら、 === [31] [VAR[結果]]と[VAR[定義]]について [[enqueue a custom element upgrade reaction]] します。 == [32] [VAR[結果]]を返します。 = [43] それ以外で、[VAR[定義]]が [CODE[null]] 以外なら、 == [33] [VAR[同期カスタム要素フラグ]]が設定されているなら、 === [69] [VAR[C]] を、[VAR[定義]]の[F[構築器][カスタム要素構築器]]に設定します。 === [156] [VAR[例外]]を、 [CODE[null]] に設定します。 === [45] [VAR[結果]]を、[VAR[C]] に[[構築]]を適用した結果に設定します。 [[例外]]が[[投げ]]られたら、[VAR[例外]]をこれに設定します。 === [46] [VAR[例外]]が [CODE[null]] で、 [VAR[結果]]が [CODE(DOMi)@en[HTMLElement]] を[[実装]]していなければ、 ==== [47] [VAR[例外]]を、 [CODE(DOMe)@en[TypeError]] に設定します。 === [48] [VAR[例外]]が [CODE[null]] で、かつ、 [FIG(list)[ - [49] [VAR[結果]]の[F[属性リスト]]が空ではない - [50] [VAR[結果]]の[F[子供][childNodes]]が空ではない - [51] [VAR[結果]]の[F[親][parentNode]]が [CODE[null]] ではない - [52] [VAR[結果]]の[F[節点文書]]が[VAR[文書]]ではない - [53] [VAR[結果]]の[F[名前空間]]が[[HTML名前空間]]でない - [55] [VAR[結果]]の[F[局所名]]が[VAR[局所名]]でない ]FIG] ... のいずれかを満たすなら、 ==== [56] [VAR[例外]]を、 [CODE(DOMe)@en[NotSupportedError]] に設定します。 === [157] [VAR[例外]]が [CODE[null]] なら、 ==== [57] [VAR[結果]]の[F[名前空間接頭辞]]を、[VAR[接頭辞]]に設定します。 ==== [165] [VAR[結果]]の[F[[[[CODE[is]]値]]]]を、[CODE[null]] に設定します。 === [169] それ以外なら、 ==== [170] [VAR[例外]]について[[例外を報告]]します。 ==== [171] [VAR[結果]]を、[[要素]]に設定します。 [FIG(list members middle)[ [172] [[要素]] : [F[インターフェイス][要素インターフェイス]] : [CODE(DOMi)@en[HTMLUnknownElement]] : [F[属性リスト]] : [[空リスト]] : [F[名前空間][名前空間名]] : [[HTML名前空間]] : [F[名前空間接頭辞]] : [VAR[接頭辞]] : [F[局所名]] : [VAR[局所名]] : [F[カスタム要素状態]] : [CODE[failed]] : [F[カスタム要素定義]] : [CODE[null]] : [F[[[[CODE[is]]値]]]] : [CODE[null]] : [F[節点文書]] : [VAR[文書]] ]FIG] == [59] それ以外なら、 === [60] [VAR[結果]]を、[[要素]]に設定します。 [FIG(list members middle)[ [FIGCAPTION[ [[要素]] ]FIGCAPTION] : [F[インターフェイス][要素インターフェイス]] : [CODE(DOMi)@en[HTMLElement]] : [F[属性リスト]] : [[空リスト]] : [F[名前空間]] : [[HTML名前空間]] : [F[名前空間接頭辞]] : [VAR[接頭辞]] : [F[局所名]] : [VAR[局所名]] : [F[[[[CODE[is]]値]]]] : [CODE[null]] : [F[カスタム要素状態]] : [CODE[undefined]] : [F[カスタム要素定義]] : [CODE[null]] : [F[節点文書]] : [VAR[文書]] ]FIG] === [61] [VAR[結果]]と[VAR[定義]]について [[enqueue a custom element upgrade reaction]] します。 == [54] [VAR[結果]]を返します。 = [44] それ以外なら、 == [34] [FIG(list)[ - [39] [VAR[名前空間]]が [[HTML名前空間]] - [40] [VAR[局所名]]が[[妥当なカスタム要素名]]か、または [VAR[is]] が [CODE[null]] ではない ]FIG] ... のすべてを満たすなら、 === [38] [VAR[カスタム要素状態]]を、 [CODE[undefined]] に設定します。 == [42] それ以外なら、 === [41] [VAR[カスタム要素状態]]を、 [CODE[uncustomized]] に設定します。 == [35] 新しい[[要素]]を返します。 [FIG(list members middle)[ [FIGCAPTION[ [[要素]] ]FIGCAPTION] : [F[インターフェイス]] : [VAR[局所名]]と[VAR[名前空間]]の[[要素インターフェイス]] : [F[属性リスト]] : 空 : [F[名前空間]] : [VAR[名前空間]] : [F[局所名]] : [VAR[局所名]] : [F[[[[CODE[is]]値]]]] : [VAR[is]] : [F[カスタム要素状態]] : [VAR[カスタム要素状態]] : [F[カスタム要素定義]] : [CODE[null]] : [F[節点文書]] : [VAR[文書]] ]FIG] ]FIG] [36] この処理は、次の場面で呼び出されます。 [FIG(list short)[ - [[clone]] - [CODE(DOMm)@en[createElement]] - [[内部[CODE(DOMm)@en[createElementNS]]手順群]] -- [CODE(DOMm)@en[createElementNS]] -- [CODE(DOMm)@en[createDocument]] - [CODE(DOMm)@en[createHTMLDocument]] - [CODE(JS)@en[document.title]] - [[table-created]] -- [CODE(DOMm)@en[createCaption]] -- [CODE(DOMm)@en[createTHead]] -- [CODE(DOMm)@en[createTFoot]] -- [CODE(DOMm)@en[createTBody]] -- [CODE(DOMm)@en[insertRow]] -- [CODE(DOMm)@en[insertCell]] - [CODE(DOMi)@en[Audio][new Audio]] [[コンストラクター]] - [CODE(DOMi)@en[Image][new Image]] [[コンストラクター]] - [CODE(DOMi)@en[Option][new Option]] [[コンストラクター]] - [[字句の要素の作成]] ]FIG] [136] [[要素の作成]]を経由せずに[[要素]]が作成される場面もあります。 [FIG(middle list)[ - [CODE(DOMi)@en[HTMLElement]] [[コンストラクター]] - [[字句の要素の作成]] (失敗時) - [[素片構文解析]] ([CODE(HTMLe)@en[html]] [[要素]]) ]FIG] [138] [DFN[[VAR[[RUBYB[同期カスタム要素フラグ]@en[synchronous custom elements flag]]]]]]は、ほとんどの場合[[真]]に設定されますが、 [CODE(DOMa)@en[innerHTML]] など[[素片構文解析]]の場合や [[clone]] の場合には、[[偽]]に設定されます。 * 要素依存の動作 [28] どの作成方法によっても共通して実行される[[要素]]の種類に依存する操作がいくつかあります。 [FIG(list middle)[ - [CODE(HTMLe)@en[[[img]]]] - [[update the image data]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[template]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[a]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[area]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[canvas]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[object]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[marquee]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[video]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[audio]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[track]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[frame]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[input]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[option]]]] [SRC[[[HTML Standard]]]] - [[フォーム被関連付け要素]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[details]]]] [SRC[[[HTML Standard]]]] - [CODE(HTMLe)@en[[[dialog]]]] [SRC[[[HTML Standard]]]] ]FIG] ;; 多くは初期状態の設定に関するものですが、いくつかは何らかの動作を開始させるものです。 * DOM メソッドの動作 [96] [CODE(DOMi)@en[Document]] [[インターフェイス]]の [DFN[[CODE(DOMm)@en[createElement]]]] [[メソッド]]は、 [CODE(xattr IDL)@[CEReactions]] であり、かつ、 次のようにしなければ[MUST[なりません]] [SRC[>>92]]。 [FIG(steps)[ = [97] [VAR[局所名]]を、必須の第1引数を[[文字列]]として解釈した結果に設定します。 = [98] [VAR[オプション群]]を、第2引数を省略可能な[[辞書]] [CODE(DOMi)@en[ElementCreationOptions]] または [CODE[DOMString]] として解釈した結果に設定します。 = [99] [VAR[局所名]]が [CODE(XML)@en[Name]] でなければ、 == [100] [CODE(DOMe)@en[InvalidCharacterError]] を[[投げ]]、ここで停止します。 = [101] [[文脈オブジェクト]]が[F[HTML文書]]なら、 == [102] [VAR[局所名]]を、[VAR[局所名]]を[[ASCII小文字に変換]]した結果に設定します。 = [130] [VAR[オプション群]]が[[辞書]]の場合、 == [103] [VAR[is]] を、[VAR[オプション群]]の [CODE(DOMa)@en[is][is=""]] の値に設定します。 = [108] [[文脈オブジェクト]]の[F[型][文書の型]]が[[HTML文書]]か、 [[文脈オブジェクト]]の[F[内容型]]が [CODE(MIME)@en[application/xhtml+xml]] なら、 == [107] [VAR[名前空間]]を、[[HTML名前空間]]に設定します。 = [109] それ以外なら、 == [110] [VAR[名前空間]]を、[[null]] に設定します。 = [111] [VAR[要素]]を、[[要素の作成]]の結果に設定します。 [FIG(list members middle)[ : [VAR[文書]] : [[文脈オブジェクト]] : [VAR[局所名]] : [VAR[局所名]] : [VAR[名前空間]] : [VAR[名前空間]] : [VAR[接頭辞]] : [[null]] : [VAR[is]] : [VAR[is]] : [VAR[同期カスタム要素フラグ]] : 設定する ]FIG] [[例外]]が[[投げ]]られたら、改めて[[投げ]]てここで停止します。 = [114] [VAR[要素]]を返します。 ]FIG] [115] [[HTML文書]]の場合と、 [CODE(MIME)@en[application/xhtml+xml]] の[[文書]]の場合は、自動的に [[HTML名前空間]]の[[要素]]が作られます。 それ以外の[[XML文書]]の場合は、 [[null名前空間]]の[[要素]]が作られます。 [HISTORY[ [116] [[DOM Standard]] は[[HTML名前空間]]に統一しようと試みましたが、 [[Web互換]]でないことがわかり、断念しました。 ]HISTORY] [118] [CODE(DOMi)@en[Document]] [[インターフェイス]]の [DFN[[CODE(DOMm)@en[createElementNS]]]] [[メソッド]]は、 [CODE(xattr IDL)@[CEReactions]] であり、かつ、 次のようにしなければ[MUST[なりません]] [SRC[>>117]]。 [FIG(steps)[ = [119] [VAR[名前空間]]を、必須の第1引数を [CODE(IDL)@en[[[DOMString]][[?][? (WebIDL)]]]] として解釈した結果に設定します。 = [120] [VAR[修飾名]]を、必須の第2引数を[[文字列]]として解釈した結果に設定します。 = [121] [VAR[オプション群]]を、第3引数を省略可能な[[辞書]] [CODE(DOMi)@en[ElementCreationOptions]] または [CODE[DOMString]] として解釈した結果に設定します。 = [122] [[内部[CODE(DOMm)@en[createElementNS手順群]]を[[文脈オブジェクト]]、 [VAR[名前空間]]、[VAR[修飾名]]、[VAR[オプション群]]について実行した結果を返します。 ]FIG] [123] [[内部[CODE(DOMm)@en[createElementNS]]手順群]]は、 [VAR[文書]]、[VAR[名前空間]]、[VAR[修飾名]]、[VAR[オプション群]]について、 次のようにします [SRC[>>117]]。 [FIG(steps)[ = [124] [VAR[名前空間]]、[VAR[接頭辞]]、[VAR[局所名]]を、 [VAR[修飾名]]と[VAR[名前空間]]について [[validate and extract]] を適用した結果に設定します。[[例外]]が[[投げ]]られたら、改めて[[投げ]]てここで停止します。 = [131] [VAR[オプション群]]が[[辞書]]の場合、 == [125] [VAR[is]] を、[VAR[オプション群]]の [CODE(DOMa)@en[is][is=""]] に設定します。 = [129] [VAR[要素]]を、[[要素の作成]]の結果に設定します。 [FIG(list members middle)[ : [VAR[文書]] : [[文脈オブジェクト]] : [VAR[局所名]] : [VAR[局所名]] : [VAR[名前空間]] : [VAR[名前空間]] : [VAR[接頭辞]] : [VAR[接頭辞]] : [VAR[is]] : [VAR[is]] : [VAR[同期カスタム要素フラグ]] : 設定する ]FIG] [[例外]]が[[投げ]]られたら、改めて[[投げ]]てここで停止します。 = [132] [VAR[要素]]を返します。 ]FIG] ;; [133] この手順群は、 [CODE(DOMm)@en[createElementNS]] の他、 [CODE(DOMm)@en[createDocument]] からも呼び出されます。 [135] [[辞書]] [DFN[[CODE(DOMi)@en[ElementCreationOptions]]]] [SRC[>>134]] は、 [CODE(DOMm)@en[createElement]] や [CODE(DOMm)@en[createElementNS]] の最後の省略可能な[[引数]]として指定できるオプション群です。 [FIG(list short)[ - [CODE(DOMa)@en[is][is=""]] ([CODE(IDL)@en[DOMString]]) ]FIG] * 構文解析器の動作 [8] [[HTML構文解析器]] [SRC[>>7]] や[[XML構文解析器]] [SRC[>>139]] [VAR[構文解析器]]による[[要素の作成]]は、 [DFN[[RUBYB[[[字句から要素を作成]]]@en[create an element for a token]]]]する手順 [SRC[>>7]] によって行われます。この手順は、[[字句化器]]から得られた[[字句]]、 または [[HTML構文解析器]]内部の処理によって生成された架空の[[字句]]に基づき、 [[要素]]を作成します。具体的には、[VAR[字句]]と[VAR[名前空間]]と[VAR[想定親]]について、 次のように処理します [SRC[>>7]]。 [FIG(steps)[ = [140] [VAR[文書]]を、[VAR[想定親]]の[F[節点文書]]に設定します。 = [141] [VAR[局所名]]を、[VAR[字句]]の[F[タグ名]]に設定します。 = [142] [VAR[is]] を、[VAR[字句]]の [CODE[is][is=""]] [[属性]]の値に設定します。 = [143] [VAR[定義]]を、[VAR[文書]]、[VAR[名前空間]]、[VAR[局所名]]、[VAR[is]] について[[カスタム要素定義を探す]]を実行した結果に設定します。 = [144] [VAR[定義]]が [[null]] ではなく、 [VAR[構文解析器]]が[[素片構文解析]]モードでないなら、 == [145] [VAR[スクリプト実行]]を、[[真]]に設定します。 = [146] それ以外なら、 == [147] [VAR[スクリプト実行]]を、[[偽]]に設定します。 = [148] [VAR[スクリプト実行]]が[[真]]なら、 == [149] [VAR[構文解析器]]の [F[throw-on-dynamic-markup-insertion counter]] を[[インクリメント]]します。 == [151] [[JavaScript実行文脈スタック]]が[[空]]なら、 === [152] [[関連する類似起源閲覧文脈群の単位]]の[F[イベントループ]]について、 [[マイクロタスクチェックポイントを実行]]します。 == [153] [[関連する類似起源閲覧文脈群の単位]]の[F[カスタム要素反応群スタック]]に、 [[要素キュー]]を [[push]] します。 = [154] [VAR[要素]]を、[[要素の作成]]の結果に設定します。 [FIG(list members middle)[ : [VAR[文書]] : [VAR[文書]] : [VAR[局所名]] : [VAR[局所名]] : [VAR[名前空間]] : [VAR[名前空間]] : [VAR[名前空間接頭辞]] : [[null]] : [VAR[is]] : [VAR[is]] : [VAR[同期カスタム要素フラグ]] : [VAR[スクリプト実行]] ]FIG] = [9] [VAR[字句]]の[F[属性リスト]]の各[[属性]]について、 == [10] [VAR[要素]]に[[属性]]を[[追加][末尾に追加 (属性)]]します。 -- [14] [[XMLNS名前空間]]の [CODE(XMLa)@en[[[xmlns]]]] [[属性]]や [CODE(XMLa)@en[[[xmlns:xlink]]]] [[属性]]が設定される場合、 その[[属性値]]がそれぞれ[VAR[名前空間]]や[[XLink名前空間]]でなければ、 [[構文解析エラー]]です [SRC[>>7]]。 = [11] [VAR[スクリプト実行]]が[[真]]なら、 == [13] [VAR[キュー]]を、[[関連する類似起源閲覧文脈群の単位]]の[F[カスタム要素反応群スタック]]を [[pop]] した結果に設定します。 == [15] [VAR[キュー]]について[[カスタム要素反応群の呼び出し]]を実行します。 == [155] [VAR[構文解析器]]の [F[throw-on-dynamic-markup-insertion counter]] を[[デクリメント]]します。 = [16] [VAR[要素]]が[[再設定可能要素]]なら、 == [158] [VAR[要素]]について[[再設定アルゴリズム]]を呼び出します。 = [17] [FIG(list)[ - [18] [VAR[要素]]が[[フォーム被関連付け要素]]である - [19] [VAR[構文解析器]]の[F[[[[CODE(HTMLe)@en[form]]要素指示子]]]]が [[null]] ではない - [20] [VAR[構文解析器]]の[F[開いている要素のスタック]]に [CODE(HTMLe)@en[[[template]]]] [[要素]]がない - [21] [VAR[要素]]が[[被列挙要素]]でないか、 [VAR[要素]]が [CODE(HTMLa)@en[form][form=""]] [[属性]]を持たない - [22] [VAR[想定親]]と[VAR[構文解析器]]の[F[[[[CODE(HTMLe)@en[form]]要素指示子]]]]の[[要素]]が同じ[[木]]にある ]FIG] ... のすべてを満たすなら、 == [24] [VAR[要素]]を[VAR[構文解析器]]の[F[[[[CODE(HTMLe)@en[form]]要素指示子]]]]の[[要素]]に[[関連付け][フォーム関連付け]]します。 == [25] [VAR[要素]]の[F[構文解析器挿入フラグ]]を、[[真]]に設定します。 = [29] [VAR[要素]]を返します。 ]FIG] [26] ここで、[DFN[[VAR[[RUBYB[想定親]@en[intended parent]]]]]]は、 [VAR[要素]]が[[挿入]]されることになる[[節点]]です。ただし [[AAA]] 内で作成されるときは、[[親節点]]自体ではなく、[[祖先]]となることがあります。 この[VAR[想定親]]は、[[節点文書]]の決定と[[フォーム所有者]]の処理に使われています。 通常は[[構文解析]]の対象となる[[文書]]を[[根]]とする[[木]]に[[挿入]]することになるのですが、 [VAR[要素]]が [CODE(HTMLe)@en[template]] [[要素]]の[[雛形内容]]に属することになる場合や、 [[スクリプト]]によって[[挿入]]先が本来の[[文書]]の[[木]]から除去されている場合があり得ます。 [159] この処理への入力となる[VAR[字句]]は、[F[タグ名]]や[[属性]]の[F[名前][属性名]]の[[大文字]]や[[小文字]]の正規化が済んだものです。 [27] [[構文解析器]]は、 [CODE(DOMm)@en[[[createElementNS]]]] だと[[例外]]が発生して作成できない[[名前]]を持つ[[要素]]や[[属性]]を作成することがあります。 [4] [[構文解析器]]による[[要素]]の作成の場合、[[属性]]の順序は仕様上未定義とされています。 ;; 通常は、[[属性]]は追加された順序が保持されます。 [12] 多くの実装では、[[ソースコード]]に現れた順序、またはその逆順となります。 [6] [[HTML構文解析器]]や[[XML構文解析器]]によって作成された [CODE(HTMLe)@en[[[script]]]] [[要素]]は特別なフラグが設定されます。 [SEE[ [CODE(HTMLe)@en[script]] ]] [3] [[HTML構文解析器]]と[[XML構文解析器]]で[[媒体要素]]を作成した場合には、 [[blocked-on-parser]] フラグが真に設定されます [SRC[>>2]]。 ;; このフラグは[[開いている要素のスタック]]から外された時に偽に設定されます。 [5] [[フォーム所有者の再設定]]は、通常の[[挿入]]時とは若干異なる形で行われます [SRC[>>7]]。 [[仕様書]]は動的[[猿パッチ]]的な記述になっていますが、 [F[「構文解析器挿入」]]フラグのようなものが必要だと思われます。 [160] [[字句の要素の作成]]で作成された[[要素]]は、直ちに[[文書]]に[[挿入]]されます。 [[カスタム要素]]の場合は[[カスタム要素構築器]]が実行されますが、 それ以外の方法やそれ以外の[[要素]]が[[挿入]]前の状態で[[スクリプト]]からアクセスされることはありません。 [161] [[カスタム要素構築器]]を使うと [[AAA]] の途中段階も観察できることに (少なくても[[仕様書]]上は) なっているようです。 * 歴史 ** DOM0 時代 [71] [[Netscape]] の [[JavaScript]] では、 [CODE(DOMi)@en[Image]] や [CODE(DOMi)@en[Option]] の[[コンストラクター]]だけが[[要素]]を作成する方法でした。 (もちろん他に[[HTML構文解析器]]と [CODE(JS)@en[document.write]] がありましたが、当時はまだ[[文書木]]がありませんでした。) ** W3C DOM 時代 [93] [CODE(DOMm)@en[createElement]] は [[DOM1]] で追加されました。 [94] [[MSHTML]] では [CODE(DOMi)@en[[[HTMLDocument2]]]] で実装されていました。 [95] [CODE(DOMm)@en[createElementNS]] は [[DOM2 HTML]] で追加されました。 [62] [CITE[Bug 280692 - createElement breaks DOM spec for HTML and XUL documents]] [70] [CITE[d:id:quaa]] ([CODE[2007-03-21 23:49:00 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-21 23:59:07 +00:00]]) [72] [[DOM水準1]]と[[DOM水準2]]では、 [CODE(DOMm)@en[createElement]] は [[HTML]] [[文書]]では [CODE(DOMp)@en[[[tagName]]]] は[[大文字]][[正準形]]に[[実装]]が[[写像]]しなければならないと明記されていました。 [[DOM水準3]]では、[[XML]] 以外の[[マーク付け言語]]においては[[大文字]]と[[小文字]]を区別するか否かは[[マーク付け言語]]に依存し、 区別しない場合には[[実装]]が[[正準形]]に[[写像]]しなければならないと述べています。 [73] [[DOM水準2]]と[[DOM水準3]]では、 [CODE(DOMm)@en[createElement]] は [CODE(DOMa)@en[[[localName]]]] は [CODE(IDL)@en[[[null]]]] にすると述べています。 [74] [[DOM水準3]]では [CODE(DOMm)@en[createElement]] は [CODE(DOMp)@en[[[tagName]]]] が [CODE(XMLa)@en[[[xmlVersion]]]] に照らして正しい[[名前]]でなければ [CODE(DOMc)@en[[[INVALID_CHARACTER_ERR]]]] とされていますが、 [[HTML]] [[文書]]の場合にどうなるのかは不明です。 [75] [CITE[あるSEのつぶやき: IE7でHTMLに存在しない要素にスタイルシートを適用する方法]] ([CODE[2008-03-09 21:53:37 +09:00]] 版) [76] [CITE[document.createElement()にタグではなくHTMLを指定してみる(IE限定) - uupaaの開発日記]] ([TIME[2009-01-09 07:43:07 +09:00]] 版) [77] [[DOM水準3]]で [CODE(DOMm)@en[createElementNS]] の [CODE(DOMc)@en[[[NAMESPACE_ERR]]]] の条件が増えています: [FIG(list)[ - [[名前空間接頭辞]]が [CODE(XML)@en[[[xmlns]]]] で [[名前空間URI]] が [CODE(URI)@en[[[http://www.w3.org/2000/xmlns/]]]] ではない - [[修飾名]]が [CODE(XMLa)@en[[[xmlns]]]] で[[名前空間URI]] が [CODE(URI)@en[[[http://www.w3.org/2000/xmlns/]]]] ではない - [[名前空間URI]] が [CODE(URI)@en[[[http://www.w3.org/2000/xmlns/]]]] で[[修飾名]]または[[名前空間接頭辞]]が [CODE(XML)@en[[[xmlns]]]] ではない ]FIG] [78] [[Firefox]] 1.5 と [[Opera]] 9 Preview 1 は [CODE(DOMm)@en[[[createElement]]]] や [CODE(DOMm)@en[[[createElementNS]]]] で[[既定属性]]を追加しません。 ;; [[Opera]] は[[構文解析]]の時にも[[既定属性]]を ([[内部部分集合]]にあっても) 追加しません。 [[Firefox]] は追加しますが、 [CODE(DOMa)@en[[[specified]]]] は [CODE(IDL)@en[[[true]]]] になっています。 [79] [CODE(DOMm)@en[createElementNS]] は [CODE(DOMa)@en[[[qualifiedName]]]] が[[修飾名]]でなければ [CODE(DOMc)@en[[[NAMESPACE_ERR]]]] ですが、 その [[XML]] の[[版]]に関して・・・ [CODE(DOMm)@en[[[createAttributeNS]]]] を参照。 ** HTML5 時代 [80] [CITE[IRC logs: freenode / #whatwg / 20090312]] ([TIME[2009-04-26 16:50:56 +09:00]] 版) > [14:35] hsivonen, document.createElement("foo").namespaceURI returns the XHTML namespace in an XHTML document. > [14:37] for an SVG document, Opera returns the SVG namespace, but Gecko and WebKit return the XHTML namespace still [81] [CITE[Bug 280692 – createElement breaks DOM spec for HTML and XUL documents]] ([TIME[2009-10-12 19:16:05 +09:00]] 版) [82] [CITE[IRC logs: freenode / #whatwg / 20091007]] ([TIME[2009-12-07 22:54:41 +09:00]] 版) [83] [CITE@en[Bug 24271 – Document.createElement name validation inconsistent with HTML parse rules]] ( ([TIME[2014-01-12 16:15:53 +09:00]] 版)) [84] [CITE[IRC logs: freenode / #whatwg / 20140113]] ( ([TIME[2014-01-15 08:51:21 +09:00]] 版)) [85] [CITE@en[Bug 19431 – Namespace of elements made via .createElement() in XML documents must be null]] ( ([TIME[2014-05-05 04:00:37 +09:00]] 版)) [86] [CITE@en[CreateElement no longer supports angle brackets (Windows)]] ( ([TIME[2014-05-23 06:19:11 +09:00]] 版)) [87] [CITE@en[Change .createElement() namespace to match UAs by ayg · Pull Request #213 · whatwg/dom]] ([TIME[2016-04-16 23:44:02 +09:00]] 版) ** カスタム要素への対応 [88] [CITE@en[Add support for custom elements · whatwg/dom@7f63535]] ([TIME[2016-04-13 22:20:44 +09:00]] 版) [89] [CITE@en[Change createElement() namespace to match implementations · whatwg/dom@c8ae9cb]] ([TIME[2016-04-19 23:15:35 +09:00]] 版) [90] [CITE@en[Editorial: make "is" and "prefix" optional in "create an element" · whatwg/dom@5fc5624]] ([TIME[2016-04-20 12:30:17 +09:00]] 版) [91] [CITE@en[Editorial: createDocument should not invoke createElementNS directly · whatwg/dom@4d5ae94]] ([TIME[2016-04-09 16:02:16 +09:00]] 版) [137] [CITE@en[Fix the owner document for all element constructors]] ( ([[domenic]]著, [TIME[2016-05-03 06:57:30 +09:00]])) [162] [CITE@en[Don't set custom element state redundantly]] ( ([[domenic]]著, [TIME[2016-05-24 17:15:10 +09:00]])) [58] [CITE@en[createElement() cannot just depend on content type]] ( ([[smaug----]]著, [TIME[2016-06-08 02:45:22 +09:00]])) [163] [CITE@en[Clarify that the namespace check in "create an element" is redundant]] ( ([[domenic]]著, [TIME[2016-06-16 16:22:57 +09:00]])) [164] [CITE@en[Save the is="" value an element was created with]] ([[domenic]]著, [TIME[2016-06-03 15:12:10 +09:00]]) [167] [CITE@en[Set the stage for new custom element adoption semantics]] ([[domenic]]著, [TIME[2016-07-21 18:25:26 +09:00]]) [168] [CITE@en[Mark more elements in browsing-context-less documents as "undefined"]] ([[domenic]]著, [TIME[2016-08-15 19:18:39 +09:00]]) [37] [CITE@en[Make document.write etc. throw during parsing custom elements]] ([[domenic]]著, [TIME[2016-08-17 15:44:39 +09:00]]) [150] [CITE@en[Change createElement to report exceptions instead of rethrowing]] ([[domenic]]著, [TIME[2016-10-11 16:43:50 +09:00]]) [173] [CITE@en[Update the parser's element creation for recent DOM changes]] ([[domenic]]著, [TIME[2016-10-11 05:46:59 +09:00]]) [166] [CITE@en[Remove incorrect customized built-in element checks]] ([[domenic]]著, [TIME[2016-11-16 04:59:09 +09:00]]) [104] [CITE@en[Bug 25893 – createElement should support passing markup instead of just element name, e.g. document.createElement("