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