近年ではあまり使うことがない技術かと思います。本日は「JavaScriptでiframe内要素を取得する」についてです。
こんにちは。猫ITソリューションズ広報の齊藤メイ（♀）です。本日は、「JavaScriptでiframe内要素を取得する」についてです。
jQuery抜きのネイティブJavaScriptでiframeを使用しているページを新規で作ることは少ないと思いますが、昔のページの保守作業などそれなりに需要はある技術かと思います。
ソース
かなり端折ってます＆適当です。
html
|
1 2 3 4 5 |
<iframe src="iframe.html" id="iframe1"> ↓iframe.htmlの内容 <div id="target1">aaaabbbbccccdddd</div> ↑iframe.htmlの内容 </iframe> |
JavaScript
|
1 |
document.getElementById('iframe1').contentWindow.document.getElementById('target1').innerHTML |
以上です。
これで文字列aaaabbbbccccddddが取得できます。
