替换 html 元素 bu 类的样式属性

Question

I want to replace the style attribute of element.

<a class="label-anchor" href="link"><span class="label" style="border-color:#color; color:#color;"></span></a>

i want that the color attribute get replaced by background with same color using js. Please help...

Answer 1

You can use querySelector to get the element by its class.

const element = document.querySelector('.label');
element.style.removeProperty('color');
element.style.backgroundColor = 'what you want';

Answer 2

Try this:

var elements = document.getElementsByClassName('label');
for(var i = 0; i < elements.length; i++){
    elements[i].style.background = elements[i].style.color;
    elements[i].style.color = null;  
}