Iframeの要素を取得する方法

JavaScriptを使用してiframeから要素を取得します。

このボタンをクリックすると、iframe(別のドキュメント)内の第八のH2要素が非表示になります。

iframe内の要素を取得します

iframe内の最初の<h1>要素を取得し、非表示にします:

var iframe = document.getElementById("myFrame");
var elmnt = iframe.contentWindow.document.getElementsByTagName("H2")[7];
elmnt.style.display = "none";

自分で試してみる