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

Javascript 替换html元素bu类的样式属性,javascript,html,styles,Javascript,Html,Styles,我想替换元素的style属性 <a class="label-anchor" href="link"><span class="label" style="border-color:#color; color:#color;"></span></a> 我希望使用js将color属性替换为具有相同颜色的背景。 请帮助…您可以使用querySelector按类获取元素 const element = document.querySelector(

我想替换元素的style属性

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

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

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

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

可以使用querySelector按元素的类获取元素

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

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;  
}
var elements=document.getElementsByClassName('label');
对于(var i=0;i
试试这个:

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;  
}
var elements=document.getElementsByClassName('label');
对于(var i=0;i
到目前为止,您尝试了什么?你遇到了什么问题?到目前为止你尝试了什么?您遇到了什么问题?页面上有许多具有相同类的元素。您提供的脚本仅适用于一个用户。所有人都能做到吗elements@hdd我更新了我的代码以更改该类中的所有元素页面上有许多具有相同类的元素。您提供的脚本仅适用于一个用户。所有人都能做到吗elements@hdd我更新了代码以更改该类中的所有元素