创建一个div并给它一个css条目?

使用如下代码和css使用 # 和你的 id 属性..

(我想你忘了 document.body.appendChild(newdiv); )

var newdiv = document.createElement("div");
document.body.appendChild(newdiv);
newdiv.setAttribute("id", "panelstyle");

#panelstyle {
  background-color: red;
  height: 50px;
  width: 50px;
}

css规则定义为 选择器 指示它们应用于哪些元素的。例如,此规则适用于所有 div 元素:

div {
    color: green;
}

此项仅适用于具有 id="foo" 以下内容:

#foo {
    color: blue;
}

这个应用于类的所有元素 bar 以下内容:

.bar {
    color: red;
}

选择器可能很复杂,例如:仅 分区 具有类的元素 酒吧 以下内容:

div.bar {
    color: yellow;
}

可以将同一规则应用于多个元素集。例如,此规则适用于所有 分区 元素以及任何其他具有类的元素 foo 以下内容:

div, .foo {
    color: #eee;
}

因此,要将规则应用于新元素,需要使元素与规则的选择器匹配(和/或更新规则的选择器,使其与元素匹配)。

下面是一个以两种不同方式设置元素样式的示例(因为它是div,而且 id="panelstyle" )以下内容:

var div = document.createElement("div");
div.innerHTML = "I'm the div";
div.id = "panelstyle";
document.body.appendChild(div);

div {
  color: green;
}
#panelstyle {
  font-size: 20px;
}