Добавление CSS через JavaScript
у меня такой вопрос, мне нужно применить CSS свойство filter: invert(100%); ко всем элементам * и убрать его, каким образом это можно сделать через JS (без использывания jQueri)
Ответы (1 шт):
Автор решения: entithat
→ Ссылка
По аналогии, вместо color - filter, и нужное значение.
// Array.from(document.querySelectorAll('*')).map(e => e.style.color = 'green'); - плохой вариант, т.к. будет три копии массива с елементами
for (const e of document.querySelectorAll('*')) {
e.style.color = 'green';
}<p style="color: blue;">Text</p>
<p style="color: red;">Text</p>Либо так:
const s = document.createElement('style');
s.textContent = '* { color: green !important; }';
document.body.appendChild(s);<p style="color: red;">Text</p>
<p style="color: blue;">Text</p>