Web ページから innerHTML を取得したいです。ページの HTML ドキュメントの本文コンテンツ内で iframe を使用します。
これは私が使用しているコードですが、何も起こっていないようです。また、ここにあるコードに何らかの問題があるはずで、それが適切に動作しない理由であることもわかっています。
document.querySelectorAll('"body > iframe"')[0].innerHTML;
私はこれまでこれを試してきましたが、どうにかしてそれを機能させることができるかどうかをオンラインで探しています。
これは、ブラウザ デバッガー ツールから手動で抽出されたコードの HTML 部分です。
<body><div id="__next"><div id="main" class="jsx-834240835 デスクトップコンテナ"><div class="jsx-1905932170 ヘッダコンテナ白"><div class="jsx-1905932170 ヘッダーコンテンツ"><div class="jsx-1905932170 ハンバーガーラッパー"><a href="https://www.tiktok.com/ja "><a title="TikTok" class="jsx-3359950850 logo-link">/div><iframe src="https://www.tiktok.com/creator#/upload?lang=ja /" style="高さ: 650px; ボーダースタイル: なし; 幅: 100%; マージン-ボトム: -6px;"></iframe><div style="可視性: 非表示; 位置: 絶対; 下: 0px; 左: 0px; 右: 0px; 高さ: 356px; z-index: -1;"></div><div id="creator-center-footer"><div class=" jsx-3176438893 フッターコンテナ"><フッタークラス="jsx-3176438893 フッターコンテンツラッパー"><div class="jsx-3176438893 tiktok-logo"><div class="jsx-1929089525 logo-container jsx-997609344"><img src="https://lf16-tiktok-web.ttwstatic.com/obj/tiktok-web/tiktok/web/node/_next/static/images/logo-7328701c910ebbccb5670085d243fc12 .svg" title="TikTok" class="jsx-1929089525 logo-icon"><img src="https://lf16-tiktok-web.ttwstatic.com/obj/tiktok-web/tiktok/web/ node/_next/static/images/logotext-9b4d14640f93065ec36dab71c806e135.svg" title="TikTok" class="jsx-1929089525 logo-text"></div><strong
HTML の一部が壊れているので、より詳しく見ることができます。
`<iframe src="https:
HTML 要素の iframe 部分を上記の JavaScript コードに追加しようとしましたが、何も起こらないようでした。 間違いなく何か間違っているので、コードをさらに調整する必要があるかもしれません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
(document.getElementById('YOUR ID').contentDocument).body;