javascript - 如何将一个 iframe 的 html 内容复制到另一个 iframe 包括 CSS?

标签 javascript html css iframe styles

我正在编写一个包含两个 iframe 的 HTML 网页,比如 iframeA 和 iframeB。 我经常需要使用 JavaScript 将 iframeA 的 HTML 内容复制到 iframeB 的 HTML 内容中。 使用 document.body.innerHTML 属性我可以复制内容,但我不知道。如何将 iframeA 的每个元素的 style(CSS) 属性复制到 iframeB 中?

有什么建议吗?

最佳答案

JQuery 的 .css() 可以做到这一点: http://api.jquery.com/css/

例如,您可以按照以下方式做一些事情:

function copyCss() {
   var iframeABackgroundColor = $('#iframeAElementID').css("background-color");
   $('#iframeBElementID').css("background-color", iframeABackgroundColor); }

JSFiddle 演示了这个概念:https://jsfiddle.net/xbdk0jy9/1/

关于javascript - 如何将一个 iframe 的 html 内容复制到另一个 iframe 包括 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35449177/

相关文章:

javascript - 数据未从 API [ReactJs] 加载到列表中

javascript - Jquery 响应式导航栏在单击菜单项或单击菜单按钮时折叠

javascript - .offset() 并检查 jQuery 中的位置

css - 使用 DIV、HTML 和 CSS 的边距问题

javascript - 在 react 中按日期对表格进行排序,功能不起作用

javascript - 如何获取键盘上的箭头键以触发博客中的导航(上一页/下一页)链接

javascript - Android Google map 应用与使用 Android WebView 查看网页中嵌入的 Google map

javascript - 固定位置的导航栏保持在顶部,而标题消失

jquery - 转换时缩小 div

html - 移动 Bootstrap 网格项