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

【问题标题】：Replacing style attribute of a html element bu class替换html元素bu类的样式属性
【发布时间】：2019-12-31 11:54:46
【问题描述】：

我想替换元素的style属性。

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

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

【问题讨论】：

到目前为止你尝试过什么？你遇到了什么问题？

标签： javascript html styles

【解决方案1】：

试试这个：

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

【讨论】：

页面上有很多相同类的元素。您提供的脚本仅适用于一个。可以对所有元素都做吗
@hdd 我更新了我的代码以更改该类中的所有元素

【解决方案2】：

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

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

【讨论】：