如何在iframe中导入CSS文件(以进行响应)

时间:2019-08-14 02:30:27

标签: reactjs iframe import

我想在iframe中推送css文件(在react中)

iframe不读取iframe.css文件。如何在iframe中执行此操作?可以读取CSS文件吗?

iframe.css是本地文件。不是URL的CSS文件。谢谢。

    const tableDocument = document.getElementById("printTable");
    if (!tableDocument) {
      return;
    }
    window.frames.print_frame.document.body.innerHTML = tableDocument.innerHTML;

    const tagInIframe = window.frames.print_frame.document.body.querySelector(
      "table"
    );
    const link = document.createElement("link");

    link.setAttribute("rel", "stylesheet");
    link.setAttribute("type", "text/css");

    link.setAttribute("href", "iframe.css");

    window.frames.print_frame.document.head.appendChild(link);

enter image description here

0 个答案:

没有答案