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

Window.frameElement - フレーム要素

frameElementは、Windowのプロパティです。自身を開いている元のフレーム要素を返します。例えば、Aがiframe要素でBを開いている場合、BのframeElementはAのiframe要素です。

概要

名前
frameElement
所属
Window
IDL
readonly attribute Element? frameElement;
仕様書
https://html.spec.whatwg.org/multipage/browsers.html#dom-frameelement

説明

自身を開いているフレーム要素を返す。同一オリジンポリシーに違反している場合、nullを返します。

デモ

Window.frameElementのデモです。ボタンをクリックすると、フレーム要素の枠線色を変更します。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
iframe {
	width: 90% ;
	height: 300px ;
	border: 8px solid #888 ;
}
</style>
</head>
<body>
<iframe src="./demo.html"></iframe>
<script>
// デモページでの処理
// frameElement.style.borderColor = "red" ;
</script>

</body>
</html>

サポート状況

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