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

Question

我想替换元素的样式属性。

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

我希望使用 js 将颜色属性替换为具有相同颜色的背景。 请帮忙...

Answer 1

您可以使用 querySelector 按其类获取元素。

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

Answer 2

尝试这个：

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