次のコードを検討してください。
var element = document.CreateElement("div");
element.toString(); // [object HTMLDivElement]
var element = document.CreateElement("somerandomtag");
element.toString(); // [object HTMLUnknownElement]
私の本能は、要素が作成されると、本質的に「強く型付けされた」(JavaScript にそのようなものが存在する場合) ということです。これは、「div」が を作成しHTMLDivElement、「somerandomtag」が を作成するHTMLUnknownElementため、タグを変更できないためです。作成されたオブジェクトはそのタグに直接対応するためです。
次のコードを検討してください。
var element = document.CreateElement("div");
element.toString(); // [object HTMLDivElement]
element.nodeName = "span"; // Doesn't work.
element.tagName = "span"; // Doesn't work.
では、オブジェクトの作成を超えて、要素をあるタイプ (「div」など) から別のタイプ (「span」など) に変更することは可能ですか?
編集：注意してください...純粋なjavascriptで行う必要があります... jQueryまたは他のライブラリ/ APIはありません