iframe内のプレーンテキストを取得する方法

Question

下記のようにして、同じ階層にあるtest.txtをiframeで読み込み、表示はされるのですが、
表示された内容をJavascriptで読み込む方法が分かりません。

document.getElementById('iframe_id').contentWindow.location.replace('test.txt');
```
test.txtはHTMLのタグが存在しないただのテキストファイルです。

test.txt内にHTMLのタグが存在すれば、
document.getElementById('iframe_id').contentWindowの中のdocumentよりアクセス可能だとは思うのですが、
HTMLタグが存在しないので、documentにアクセスするとnullが帰ります。

どうやってiframe内に表示されたただのプレーンテキストを取得すればいいでしょうか？

よろしくお願いします。

Comments

[x_x]

WindowsのChrome/Firefox/IEで再現しませんでした。使っているブラウザは何でしょうか？

[pgnoobdesu]

Firefoxですが再現しなかったというのは上記コードが動かなかったということでしょうか？手書きで書きだしたのでパスの指定とかが間違ってるかもしれません。明日までには直しと来ます。直さなくてもわかる方ご回答お願いします。

[x_x]

テキストファイルであってもdocumentがnullではなかったということです。ほかに何か条件があれば追記願います。

Answer 1

原因として思い当たる可能性は二つあります。

• CORSのアクセス許可条件を満たしていない
• Content-Type ヘッダが不正 (text/plainの挙動とか、未指定の挙動とか、確認すべきポイントがあります)

document.getElementById('iframe_id').contentWindow.location.replace('test.txt');

この動作を実現するなら、iframe要素ノードのsrcプロパティ書き換えで代替可能かもしれません。
ただし、私はlocation.replace は仕様を追いかけたことがありませんので、履歴に残さない以外に location.href との違いがあるこもしれません。
https://html.spec.whatwg.org/multipage/history.html#dom-location-replace

Re: pgnoobdesu さん

Answer 2

https://teratail.com/questions/14632

この記事から応用出来ませんか？

と思ったけどiframe内がただのテキストですか。

iframDomに
text,value,innerHtmlとかそれっぽいプロパティ有りませんかね？
iframDomかnullになってるんですかね。回答したものの手元にPCがないので誤回答でしたらすみません