iframe 内部某个位置插入html片段

‭‭一笑奈何‭

于 2024-08-28 13:27:07 发布

阅读量186

点赞数 2

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_45792390/article/details/141638406

版权

        <script>
window.onload = function() {
    const customContent = document.querySelector('#custom').innerHTML;

    const checkIframeLoaded = setInterval(function() {
        const iframe = document.getElementById('XXX');
        
        if (iframe) {
          const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
           const targetElement = iframeDoc.getElementById('XXX');
                if (targetElement) {
                    targetElement.innerHTML += customContent;
                    clearInterval(checkIframeLoaded); // 停止计时器
                } else {
                    console.error('#id element not found in iframe');
                }
        } else {
            console.error('Iframe element not found');
        }
    }, 500); // 每 500 毫秒检查一次
};

</script>