Skip to content

Instantly share code, notes, and snippets.

@devzom
Last active October 15, 2020 08:46
Show Gist options
  • Save devzom/4f6037f5b352ddf3af561fa7f772aeea to your computer and use it in GitHub Desktop.
Save devzom/4f6037f5b352ddf3af561fa7f772aeea to your computer and use it in GitHub Desktop.
JS: set pseudo element content :before OR :active
/*
* github.com/devzom / Jakub Zomerfeld
* * (c) 15 / 10 / 2020
* Function for setting an pseudo element property :after / :before
*/
//
// ES6<
function setPseudoElementContent(selector, value) {
document.styleSheets[0].addRule(selector, 'content: "' + value + '";');
}
setPseudoElContent('.class::before', 'write text here');
//
//
// ES6
const setPseudoElementContent = (selector, value) => {
document.styleSheets[0].addRule(selector, `content: "${value}";`);
}
setPseudoElContent('.class::after', 'write text here');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment