メモ:<iframe>内要素を操作

<iframe>内のDOM要素の値を取得したり操作する方法のまとめ

contentWindowプロパティを使用:
iframeElement.contentWindow.document.getElementByID("traget")
で<iframe>内の要素を取得できる

test_parent.html のコード



test_children.html のコード



test.js のコード



親要素の表示


※ローカル環境からそのままブラウザで実行すると
「Blocked a frame with origin "null" from accessing a cross-origin frame.」
というエラーで作動しない
ブラウザのセキュリティ制限のようで、ローカル Web サーバを介して実行すれば作動する

参考になったサイト

社内SEのITメモブログ