Javascript 如何对动态插入的元素使用CSS

如何在已经存在的元素中动态插入带有某些格式的元素（

）

例如：

$（“#contentDiv”）.append（“”）；
$（“#contentUi”）.css（{“文本对齐”：“居中”，“列表样式类型”：“无”}）；
$（“#contentDiv”）.css（{“文本装饰”：“无”，“字体大小”：“1.30em”，“字体重量”：
“粗体”}）；

这里的

#contentDiv

是元素

的id，我在它后面添加了一个新元素

---

第3行工作得很好，但第2行对屏幕没有影响。

我认为这里没有必要用jQuery定义css。只需在样式表中预定义一个类，这样就更简单了

举个例子

$("#contentDiv").append('<ui class="predefined-class">');
$("#contentDiv").addClass('another-predefined-class');

我希望这就是你想要的

---

另外，我不知道您添加一个空的

ul

有多好，因为如果没有

li

s

，它是没有目的的，您将无法将列表样式添加到不存在的元素

换行

$（“#contentDiv”）.append（“”）

到

$（“#contentDiv”）.append（“
”）

注：
ui
至
ul

为什么不将其全部粘贴到第3行？为什么在第二行有一个#ContentUI，你附加了什么？你需要进一步解释你的问题。我同意@Tim的观点-需要更多的信息，给出相关的（精简的）html，我建议你更改标题（问题中没有涉及样式表），标记jquery和javascriptWhat#contentUi？那个元素（“”）到底是什么？你是说空字符串还是实元素？#contentUi是您试图插入的元素吗？这里一切正常
$("#contentDiv").append('<ui class="predefined-class">');
$("#contentDiv").addClass('another-predefined-class');

.predefined-class {
     text-align: center; 
     list-style-type: none;
}

.another-predefined-class {
     text-decoration:none;
     font-size: 1.30em;
     font-weight: bold;
}