Javascript 向注入的DOM元素添加CSS样式

我正在使用javascript向页面中注入一些DOM元素。我能够注入单个DOM元素并对其应用CSS样式：

var $e = $('<div id="header"></div>');
$('body').append($e);

$e.css({
    background: '#fbf7f7',
});

---

由于您已将类应用于父元素中的

div

，您可以简单地为该

类标题内容创建一个样式并应用它

为了动态应用样式，您可以简单地为单个元素添加类，如下所示

$('#id-of-element').addClass("header-content");

您还可以在父元素中找到元素，如下面的元素

$e.find('.header-content').css('background-color', '#ccc');

您好，您可以使用.css（）方法将css添加到任何元素。。。试试下面的例子。我在$e中添加了一个div并应用了不同的样式。。。问题是在父分区中使用子分区的id或类

var $e = $('<div id="header"><div id="child"></div></div>');
$('body').append($e);

$e.css({
    background: '#fbf7f7',
});
$('#child').css("background", "red");

var$e=$（''）；
$（'body'）。追加（$e）；
$e.css({
背景：“#fbf7f7”，
});
$（'#child'）.css（“背景”，“红色”）；
展开我的评论：如果您需要访问子元素而不考虑任何id或类，那么只需使用
$e.children（）
您不能使用它们的id或类访问元素吗？例如$（“#header”）或$（#header.header content”）对，我想使用
$e
而不是通过它们的类和ID进行选择，如果类和ID已经存在于注入到其中的页面上，则可以防止变量名冲突。如果我选择按id和类名，可能会有冲突，如果id已经存在，这将是一个主要问题，而不仅仅是css。这对于类名是有意义的。如果你真的需要孩子，那就用$e.children（）。
var $e = $('<div id="header"><div id="child"></div></div>');
$('body').append($e);

$e.css({
    background: '#fbf7f7',
});
$('#child').css("background", "red");