IFramesrcdocプロパティ_
例
iframeに表示されるHTMLコンテンツを変更します。
document.getElementById("myFrame").srcdoc = "<p>Some new content inside the iframe!</p>";
定義と使用法
srcdocプロパティは、iframe要素のsrcdoc属性の値を設定または返します。
srcdoc属性は、インラインフレームに表示されるページのHTMLコンテンツを指定します。
ヒント:この属性は、サンドボックス属性およびシームレス属性と一緒に使用されることが期待されています。
ブラウザがsrcdoc属性をサポートしている場合、src属性で指定されたコンテンツ(存在する場合)を上書きします。
ブラウザがsrcdoc属性をサポートしていない場合、代わりにsrc属性で指定されたファイルが表示されます(存在する場合)。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
srcdoc | 20.0 | Not supported | 25.0 | 6.0 | 15.0 |
構文
srcdocプロパティを返します。
iframeObject.srcdoc
srcdocプロパティを設定します。
iframeObject.srcdoc = HTML_code
プロパティ値
Value | Description |
---|---|
HTML_code | Specifies the HTML content to show in the iframe. Must be valid HTML syntax |
技術的な詳細
戻り値: | iframeに表示されるHTMLコンテンツを表す文字列(存在する場合) |
---|
その他の例
例
iframeに表示されるHTMLコンテンツを返します。
var x = document.getElementById("myFrame").srcdoc;
関連ページ
HTMLリファレンス:HTML <iframe> srcdoc属性
❮IFrameオブジェクト