使用Javascript修改css类

我有以下css类：

<style>
.popup
    {
        width : 1350px !important;
        height: 810px;
        margin-top:-100px;
        padding-top:10px;
    }
</style>

.弹出窗口
{
宽度：1350px！重要；
高度：810px；
利润上限：-100px；
填充顶部：10px；
}

是否可以修改该类的任何属性？不是这个类应用到的对象，而是css本身

谢谢

添加了完整代码：

<style>
.ngdialog.dialogcaseeditor .ngdialog-content
    {
        width : 1350px;
        height: 910px;
        margin-top:-100px;
        padding-top:10px;
    }
</style>

.ngdialog.dialogcaseeditor.ngdialog内容
{
宽度：1350px；
高度：910px；
利润上限：-100px；
填充顶部：10px；
}

您可以使用JavaScript添加一个新的css规则，如

.popup{padding top:5px；}

，它将完全覆盖原始css的填充（最后一个规则获胜）。这与更改原始样式的效果相同，适用于所有匹配的元素和继承的样式

请注意，两种声明必须具有“相同的权重、来源和特异性”

编辑：

更改宽度的示例：

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".popup { width : 1500px !important; }";
document.body.appendChild(css);

---

下面是一个使用纯JavaScript（getElementByClassName）的示例，不使用jQuery，可以为类为.popup的所有项目添加背景色：

var popups = document.getElementsByClassName('popup'),
    i = popups.length;

do {
    i--;
    popups[i].style.backgroundColor = "green";
} while (i >= 0)

---

通过获取正确的表（

document.styleSheets

）并修改规则（

sheet.cssRules

），可以使用javascript操作样式表规则本身

找到要修改的正确工作表和规则本身就是一个问题。再见

---

---

编辑：根据您想要修改样式属性的原因，可能有更好的方法来完成整件事。

如果您发现您想要修改属性，当然如果您真的想要，您可以这样做，那么您可能没有正确地处理问题。你的最终目标是什么？我认为这太宽泛了。给我们一些具体的东西。你想改变什么？是否要覆盖样式标记内的规则？或者它可以是一个新的样式标记，插入在该样式标记之后？等等请提供更多细节。我这样做的原因是因为我正在使用只能使用css类调整大小的ngDialog。因为我必须在创建对话框之前定义一个，所以大小都是硬编码的；我修改了我的初始代码以显示完整的css代码。仍然不确定，如何使用提供的建议使其工作。您试图修改什么？

弹出窗口的
宽度
还是其他什么？我的答案中有一把小提琴，显示了一个基本的情况。如果您需要更具体的内容，请更新/创建您自己的内容并提供链接。