javascript - 用纯JavaScript覆盖全局CSS

我有以下情况:

.my-nice-class {
  max-width: 90%;
  max-height: 90%;
}

此代码位于html页的第一个<style>...</style>中。
我想通过设置例如下面示例中的新属性值来覆盖此全局css:

.my-nice-class {
  max-width: 40%;
  max-height: 40%;
}

如何使用纯Javascript完成此操作？

谢谢你们，

奈米

最佳答案

通过修改此对象来根据需要修改css

document.getElementsByTagName("style")[0].innerHTML

或

修改相关DOM对象的样式属性

document.getElementsByClassName("my-nice-class").style[0] = "max-width: 40%;max-height: 40%;"

注意:如果您有多个对象，则必须使用for循环而不是style[0]。