javascript - iframe を使用した insertAdjacentHTML は、コンテンツを HTML エンティティに変換します

Question

を使用して要素の最後に iframe を挿入しようとしていinsertAdjacentHTMLます。しかし、何らかの理由で iframe 内のコンテンツが HTML エンティティ ("<" から <、">" から >) に変換されます。

なぜこうなった？

ここにフィドルがあります

Answer 1

これは有効なIFRAME構文ではありません。これを見てください：http://tinkerbin.com/zz6MeNYW

IFRAMEHTML ではなく、テキストのみを含めることができます。したがって、HTML を文字列に変換します。がブラウザでサポートされていない場合、 内のテキストIFRAMEが表示されます。IFRAME

IFRAME■ 内容はSRC属性によって定義されます。

は代わりinsertAdjacentHTMLに a で動作しDIVます。こちらをご覧ください：http: //tinkerbin.com/sNLtSjE7

MDN の IFRAME に関するドキュメント

編集

HTML 5の属性を使用して、必要なことを実行できるようですSRCDOC。MDN のドキュメント (上記) を確認してください。ただし、これはまだどのブラウザーでもサポートされていないようです。