mirror of
https://gitee.com/shuto-github/Shadow-DOM-inject-styles.git
synced 2026-08-12 00:00:04 +08:00
init
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
export function injectStyles(shadowRootElement: HTMLElement, insertBeforeSelector: string, styles: string) {
|
||||
let root = shadowRootElement.shadowRoot;
|
||||
let styleAlreadyAdded = false;
|
||||
let currentStyleTags = Array.from(root.querySelectorAll('style'));
|
||||
currentStyleTags.forEach((element: HTMLStyleElement, index) => {
|
||||
if (element.innerHTML == styles) {
|
||||
styleAlreadyAdded = true;
|
||||
}
|
||||
if ((currentStyleTags.length - 1) == index && styleAlreadyAdded == false) {
|
||||
let newStyleTag = document.createElement('style');
|
||||
newStyleTag.innerHTML = styles;
|
||||
root.insertBefore(newStyleTag, root.querySelector(insertBeforeSelector));
|
||||
}
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user