Можно ли с помощью javascript/jquery изменять свойства всех элементов?

Question

Lord_Dantes @Lord_Dantes

JavaScript

Можно ли с помощью javascript/jquery изменять свойства всех элементов?

Доброе времени суток.
Допустим у меня страница

И как видно у некоторых элементов есть то что их объединяет и это коричневый цвет.. не будет углубляться в подробности
Можно же как-то с помощью js или jquery выбрать элементы у которых назначен этот цвет, и изменял их на другой указанный в скрипте.
Также нужно чтобы можно было определить именно те элементы у которых есть именно этот цвет то есть не надо выбирать левые элементы и им давать цвет, если у них его и так не было...
Также подскажите можно ли проверять свойство у элемента и потом изменить его.
Надеюсь пояснил суть вопроса..
Всем, удачи и добра!

Вопрос задан более трёх лет назад
94 просмотра

2 комментария

Подписаться 1 Средний 2 комментария

Lord_Dantes @Lord_Dantes Автор вопроса

SmInc, Спасибо но это не то что нужно..
Я имею ввиду выборку по неизвестным элементам так как я не смогу каждой тысяче ставить один клас..
Чтобы брать абсолютно все элементы, потом отсеить те у которых нету допустим color:red; и позже изменить им этот color:red на color:black..

Написано более трёх лет назад
Lord_Dantes @Lord_Dantes Автор вопроса

SmInc, я не соглашусь с тобой, во-первых вы же не задаете всем элементам имеющим один цвет один класc?
Мне просто нужно копировать одну страницу и менять у неё определенный цвет, а не создавал +100500 классов на каждый цвет, и я хотел это сделать не вручную ,а допустим с помощью скрипта.
Возможно я не правильно уяснил суть проблемы и указал неверные данные, прощу прощения тогда за данный инцидент.Спасибо за решение всего доброго.

Написано более трёх лет назад

Решения вопроса 1

3 комментария

Lord_Dantes @Lord_Dantes Автор вопроса

Спасибо но это не то что нужно..
Я имею ввиду выборку по неизвестным элементам так как я не смогу каждой тысяче ставить один клас..
Чтобы брать абсолютно все элементы, потом отсеить те у которых нету допустим color:red; и позже изменить им этот color:red на color:black..

Написано более трёх лет назад
Владимир Проскурин @Vlad_IT Куратор тега JavaScript
Слава Бандура, можно конечно сделать что-то типа такого
var elements = document.querySelectorAll( 'body *' ); [].forEach.call(elements, function(el) { if (el.style.color === 'red') { // искомый цвет. Вместо red подставьте свое значение el.style.color = 'green'; // заменяемый цвет. Вместо green поставьте свое значение } });

Но это нерационально, т.к. нужно проходить все элементы. Селектора, который может искать по цвету - нет, поэтому только такие извращения. Если есть возможность, то лучше сузить поиск. Например вместо звездочки body * (все элементы) поставить определенные теги (например div), или вместо body указать контейнер, в котором будут лежать элементы, у которых нужно менять цвет.
Написано более трёх лет назад
Lord_Dantes @Lord_Dantes Автор вопроса

Владимир Проскурин, спасибо за решение, это именно то что нужно! Я понял суть скрипта, дай Бог вам здоровья))00))

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

2 комментария

Lord_Dantes @Lord_Dantes Автор вопроса

Спасибо но это не то что нужно..
Я имею ввиду выборку по неизвестным элементам так как я не смогу каждой тысяче ставить один клас..
Чтобы брать абсолютно все элементы, потом отсеить те у которых нету допустим color:red; и позже изменить им этот color:red на color:black..

Написано более трёх лет назад
Денис Клепко @gaz12
Синтаксис не соблюден, это код работать не будет. Постарался логику описать. Думаю это реализуемо, хотя запрос на перебор всего и довольно тяжелый.
$("*").each(function(index, el) { style = getComputedStyle( $(this) ) if(style.color == "red") { // в style есть все значения текущего элемента //что-то делаем //например, $(this).css('color': 'white') } });
Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- час назад
- 13 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как решить проблему с логикой валидации после перезагрузки страницы в Vue.js?
- 1 подписчик
- 2 часа назад
- 23 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 23 часа назад
- 95 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 109 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 82 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 39 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 46 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- вчера
- 67 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Почему функция mnemonicToWalletKey из библиотеки тон генерирует неверный адрес кошелька?
- 1 подписчик
- вчера
- 50 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как передавать данные гугл таблицы в телеграм при добавлении новой записи?
- 1 подписчик
- вчера
- 65 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Спроектировать дизайн сводной SEO таблицы

19 апр. 2024, в 15:20

5000 руб./за проект

Настройка шаблона

19 апр. 2024, в 15:01

35000 руб./за проект

Разработать телеграмм бота для анонимных сообщений

19 апр. 2024, в 14:53

30000 руб./за проект

SmInc, Спасибо но это не то что нужно..
Я имею ввиду выборку по неизвестным элементам так как я не смогу каждой тысяче ставить один клас..
Чтобы брать абсолютно все элементы, потом отсеить те у которых нету допустим color:red; и позже изменить им этот color:red на color:black..
SmInc, я не соглашусь с тобой, во-первых вы же не задаете всем элементам имеющим один цвет один класc?
Мне просто нужно копировать одну страницу и менять у неё определенный цвет, а не создавал +100500 классов на каждый цвет, и я хотел это сделать не вручную ,а допустим с помощью скрипта.
Возможно я не правильно уяснил суть проблемы и указал неверные данные, прощу прощения тогда за данный инцидент.Спасибо за решение всего доброго.

Answer 1 · 2018-10-24 16:20:29

Посмотрите, какие css классы устанавливают этот цвет, и пройдитесь по элементам с этими классами и назначьте цвет. А лучше сами в html добавьте этим элементам класс например .target, и пройдитесь по всем элементам с таким классом через document.querySelector('.target') или jQuery('.target')

Answer 2 · 2018-10-24 16:58:04

Есть свойство метод getComputedStyle

const element = document.querySelector('.element')
const style = getComputedStyle(element)

Подробнее тут написано https://zellwk.com/blog/css-values-in-js/

Answer 3 · 2018-10-24 17:56:58

:root {
  --main-color: blue;
}

.block1 { background: var(--main-color); }
.block2 { background: var(--main-color); }
.block3 { background: var(--main-color); }

// Меняем все сразу
document.documentElement.style.setProperty('--main-color', 'red');

Можно ли с помощью javascript/jquery изменять свойства всех элементов?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт