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

Question

[Артем Колчин]

Подскажите, возможно сделать так?
<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>

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

Comments

[Elon Mask]

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

[Ankhena]

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

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

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

Answer 1

[0xD34F]

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);
});

Comments

[Артем Колчин]

В итоге регулярка заработала такая.
Но в итоге почему то с такой конструкцией CSS скрипт срабатывает но в итоге пустой почему то.

[0xD34F]

пустой почему то

Да понятно почему:

innerText <...> не возвращает содержимое скрытых элементов

Меняйте на textContent.