Question

在javascript中，我document.createElement("div")希望从CSS文件中的条目中获得所有属性。我尝试了newdiv.setAttribute("id","panelstyle")，但是它并没有设置样式。我需要输入每个单独的.style.property=还是有办法“ setCSSProperties = panelstyle”？

Answer 1

使用以下代码，并在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;
}

Answer 2

CSS规则由选择器定义，用于指示它们适用于哪些元素。例如，此规则适用于所有div元素：

div {
    color: green;
}

这仅适用于具有id="foo"的元素：

#foo {
    color: blue;
}

此元素适用于所有类别为bar的元素：

.bar {
    color: red;
}

选择器可能很复杂，例如：只有div类为bar的元素：

div.bar {
    color: yellow;
}

您可以使同一规则适用于多于一组的元素。例如，此规则适用于所有div元素以及类别为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;
}

创建一个div并给它一个CSS条目？

2 个答案: