javascript - 更改不存在元素的 CSS 属性

Question

我想更改一组尚未创建的元素的尺寸。它们将由我无权访问的 JavaScript 脚本创建。JQuery 的css()函数只会将更改应用于现有项目，而我希望代码能够像在 CSS 文件中设置 CSS 属性一样工作。

任何人都可以帮我做吗？

Answer 1

一种选择是动态创建样式元素：

$("<style type='text/css'> .redbold{ color:#f00; font-weight:bold;} </style>").appendTo("head")
$("<div/>").addClass("redbold").appendTo("body");

取自这里：在运行时使用 jQuery 创建 CSS 规则/类。

这是一个可能的 IE 替代方案（请参阅在 jQuery 中创建 CSS 类）：

document.styleSheets[0].addRule('body', 'background: green', -1);

如需参考，请参阅addRule的文档。