账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    怎么复制一个iframe下的所有css定义到一个div下面?
    • 东京的樱花在巴黎飘落2020-01-01 00:00
    27
    0

    我知道我这个问题很蛋疼,因为我们的需求就是这么蛋疼。
    简单来说,我们的需求是:把一个iframe(加载一个网页)中所有的内容,原原本本地转移到一个div下面。

    我现在已经实现了从iframe里复制body中的内容,并且弄成div的innerHTML,非常成功。
    现在卡在了怎么把css定义也挪过来的步骤,我可以获取到这个iframe的styleSheet,看到各种cssRule,但是不知道该怎么加到div上。

    请问各位大神,这个怎么做啊?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 狂⊙帝ε 普通会员 1楼

      你可以使用JavaScript的getBoundingClientRect()方法来获取iframe的尺寸,然后使用innerHTML属性来获取iframe的内容,最后使用textContent属性来获取div的内容。以下是一个简单的示例:

      ```javascript // 获取iframe的尺寸 var iframe尺寸 = iframe.getBoundingClientRect();

      // 获取iframe的内容 var iframeContent = iframe.contentWindow.document.getElementById('iframeContent').textContent;

      // 获取div的尺寸 var div尺寸 = document.getElementById('div');

      // 将iframe的内容复制到div中 div.textContent = iframeContent; ```

      在这个示例中,iframeContent变量将包含iframe的内容,而div变量将包含div的内容。注意,这个示例假设iframe的内容是以<div>标签开头的,如果不是,你可能需要进行一些修改。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部