6

у меня такой вопрос, мне нужно применить CSS свойство filter: invert(100%); ко всем элементам * и убрать его, каким образом это можно сделать через JS (без использывания jQueri)

7
  • Вы делаете что-то неправильное. В любом случае, просто создайте style элемент с необходимым содержимым, после чего удалите его из документа при необходимости 22 авг 2020 в 21:31
  • 2
    А что будет, если вместо перебора всего и вся, просто повесить фильтр на body?) document.body.style.filter = "invert(100%)"; 22 авг 2020 в 21:35
  • @OPTIMUSPRIME, не, эффект у invert'a разный будет 22 авг 2020 в 21:38
  • 2
    @Kir_Antipov Хмм, даже просто <style> * { filter: invert(100%) } </style> - на этой странице хром перекрашивает всё тупо в черный, не справляется. 22 авг 2020 в 21:46
  • 2
    @OPTIMUSPRIME, навесить на все invert - очень затратная операция. Потому что вы инвертируете элемент, потом его родитель заново его инвертирует, потом родитель его родителя инвертирует его снова и так далее. 22 авг 2020 в 21:53

1 ответ 1

9

По аналогии, вместо 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>

6
  • Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат. 23 авг 2020 в 8:21
  • Эм.. innerText...
    – Qwertiy
    23 авг 2020 в 17:00
  • @Qwertiy, стоит использовать textContent?
    – entithat
    23 авг 2020 в 17:23
  • 1
    @Qwertiy, stackoverflow.com/a/12201713/7791165. Ага, это за script.
    – entithat
    23 авг 2020 в 19:53
  • 1
    @entithat, 1. ru.stackoverflow.com/a/1142977/178988 2. Ну так они невидимые - если сделать видимыми, должен вернуть, иначе это очень странно. 3. У тебя запись, а не чтение.
    – Qwertiy
    11 сен 2020 в 13:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.