SYNCERのロゴ
アイキャッチ画像

Window.parent - 親のコンテキスト

parentは、Windowのプロパティです。自身をiframe要素などでサブフレームとして開いている親のウィンドウを返します。

概要

名前
parent
所属
Window
IDL
[Replaceable] readonly attribute WindowProxy? parent;
仕様書
https://html.spec.whatwg.org/multipage/browsers.html#dom-parent

説明

親のコンテキストをWindowで返す。

親のコンテキストが存在しない場合、nullを返します。同一オリジンポリシーに違反する場合、エラーになります。

デモ

Window.parentのデモです。ボタンをクリックすると、親コンテキストのテキストの色を変更します。

<!DOCTYPE html>
<html>
<head>
<style>
body { word-break: break-all ; }

iframe {
	width: 90% ;
	height: 300px ;
}
</style>
</head>
<body>
<p id="hoge">このテキストの色が変更されます。</p>
<iframe src="./1.html"></iframe>
<script>
// デモページでの処理
// parent.document.getElementById( "hoge" ).style.color = "red" ;
</script>

</body>
</html>

このテキストの色が変更されます。

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月13日 (金)
コンテンツを公開しました。