javascript - 如何在javascript中添加css样式？

Question

实际上我在 html 页面中使用 iframe 元素，但它在标签内，这意味着 javascript。所以我想将 css 添加到那个 iframe 元素，我该怎么做？有人可以帮忙吗

标签： javascripthtmlcss

Answer 1

来自父级的样式不会应用于 iframe 中的文档。最好的解决方案是将样式表添加到 iframe 中的文档中。通过 javascript 或创建模板页面以通过 src 加载。
就像是：

var head = doc.head
var link = doc.createElement('link')
link.type = 'text/css'
link.rel = 'stylesheet'
link.href = ...src...
head.appendChild(link)

这是一个例子：链接