Как можно заменить цвет #a8a3a0 на пример на квадратик белого цвета?

Question

Артем Колчин @html_student

Молодой и глупый.

JavaScript

Как можно заменить цвет #a8a3a0 на пример на квадратик белого цвета?

Подскажите, возможно сделать так?
<label for="variant_57139">12/#a8a3a0;</label>
Есть такой блок который выводится цвет #a8a3a0
Как можно с помощью js преобразовать цвет к примеру чтоб на фронте 12/и тут квадрат с цветом.
Как я это вижу #a8a3a0; заменяем на span

<label for="variant_57139">12/<span class="color" style="background:#a8a3a0;"></span></label>

Возможно сделать такое?

Вопрос задан более двух лет назад
161 просмотр

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

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

Elon Mask @ElonMask2

Почему нет? В чем вопрос? Можно? - Можно! Разрешаю...

Написано более двух лет назад

Ankhena @Ankhena Куратор тега JavaScript

Чтобы не городить спан, можно так

<label for="variant_57139" style="--color: #a8a3a0">12/#a8a3a0;</label>

label::after {
  background: var(--color);
и остальные стили, content, размеры и т.д.
}

Написано более двух лет назад

Почему нет? В чем вопрос? Можно? - Можно! Разрешаю...
Чтобы не городить спан, можно так

<label for="variant_57139" style="--color: #a8a3a0">12/#a8a3a0;</label>

label::after { background: var(--color); и остальные стили, content, размеры и т.д. }

Answer 1 · 2023-02-25 03:12:20

const regex = /#[a-f\d]+;$/i;
const replacement = '<span class="color" style="background: $&"></span>';

document.querySelectorAll('селектор сами сообразите').forEach(n => {
  n.innerHTML = n.innerText.replace(regex, replacement);
});

Как можно заменить цвет #a8a3a0 на пример на квадратик белого цвета?

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