用纯JavaScript覆盖全局CSS

Question

我有以下情况：

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

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

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

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

谢谢你们，

奈米

Answer 1

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

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

要么

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

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

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