у меня такой вопрос, мне нужно применить CSS свойство filter: invert(100%);
ко всем элементам *
и убрать его, каким образом это можно сделать через JS (без использывания jQueri)
1 ответ
По аналогии, вместо 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>
-
Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат. 23 авг 2020 в 8:21
-
-
-
1
-
1@entithat, 1. ru.stackoverflow.com/a/1142977/178988 2. Ну так они невидимые - если сделать видимыми, должен вернуть, иначе это очень странно. 3. У тебя запись, а не чтение.– Qwertiy ♦11 сен 2020 в 13:14
style
элемент с необходимым содержимым, после чего удалите его из документа при необходимостиdocument.body.style.filter = "invert(100%)";
invert
'a разный будет<style> * { filter: invert(100%) } </style>
- на этой странице хром перекрашивает всё тупо в черный, не справляется.