Last active
August 5, 2024 19:05
-
-
Save davidgilbertson/ed3c8bb8569bc64b094b87aa88bed5fa to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function copyStyles(sourceDoc, targetDoc) { | |
Array.from(sourceDoc.styleSheets).forEach(styleSheet => { | |
if (styleSheet.cssRules) { // for <style> elements | |
const newStyleEl = sourceDoc.createElement('style'); | |
Array.from(styleSheet.cssRules).forEach(cssRule => { | |
// write the text of each rule into the body of the style element | |
newStyleEl.appendChild(sourceDoc.createTextNode(cssRule.cssText)); | |
}); | |
targetDoc.head.appendChild(newStyleEl); | |
} else if (styleSheet.href) { // for <link> elements loading CSS from a URL | |
const newLinkEl = sourceDoc.createElement('link'); | |
newLinkEl.rel = 'stylesheet'; | |
newLinkEl.href = styleSheet.href; | |
targetDoc.head.appendChild(newLinkEl); | |
} | |
}); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
From Chrome 64 using
.cssRules
on sheets from other domains will throw, so it's important to first check if the sheet is external, then if the <style> element has any CSS rules.