github/Shadow-DOM-inject-styles
3
0
Fork 0
mirror of https://gitee.com/shuto-github/Shadow-DOM-inject-styles.git synced 2026-07-05 00:00:03 +08:00
Code Issues Projects Releases Wiki Activity

TSLint friendly

Browse Source
This commit is contained in:
Florian Comte
2018-11-19 23:24:28 +01:00
committed by GitHub
parent 488e06edfe
commit 08338dce5f
1 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.ts
+19 -15
View File
@@ -1,15 +1,19 @@
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));
}
});
}
export function injectStyles(
shadowRootElement: HTMLElement,
insertBeforeSelector: string,
styles: string
) {
const root = shadowRootElement.shadowRoot;
let styleAlreadyAdded = false;
const currentStyleTags = Array.from(root.querySelectorAll('style'));
currentStyleTags.forEach((element: HTMLStyleElement, index) => {
if (element.innerHTML === styles) {
styleAlreadyAdded = true;
}
if (currentStyleTags.length - 1 === index && styleAlreadyAdded == false) {
const newStyleTag = document.createElement('style');
newStyleTag.innerHTML = styles;
root.insertBefore(newStyleTag, root.querySelector(insertBeforeSelector));
}
});
}