javascript - 使用 JavaScript 更改 Less 文件

Question

我想用 JavaScript 更改 Less 文件的属性。 这是我的代码

document.getElementsByClassName('content-main--inner').style.border = '1px solid yellow!important';

我已经尝试过使用 !important 和不使用它。

但这不起作用，属性不会改变。 我认为问题出在这里:

('content-main--inner')

是否可以使用 JavaScript 操作 Less 文件？

Answer 1

getElementsByClassName 返回一个节点列表，而不是单个元素，你必须迭代

var elems = document.getElementsByClassName('content-main--inner');

for (var i=elems.length; i--;) {
    elems[i].style.border = '1px solid yellow';
}

注意 !important 不能在 javascript 或内联样式中设置