Javascript 在创建时设置Div的高度

我有以下的css类

.QueueHeader {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer !important;
    height: 91px !important;
    width: 53% !important;
}

我用javascript编写了以下代码：

 var divContent = document.getElementById("content");
 var divQueueNumber = document.createElement("div");

 divQueueNumber.className = "QueueHeader";
 divQueueNumber.style.height = '190px';
 divContent.appendChild(divQueueNumber);

我想在创建时动态设置div元素的高度，我已经在javascript代码中设置了高度。。但这并不影响。。 我如何设置它

---

谢谢

既然您正在使用jQuery，您可以改为：

$('<div>')
    .addClass('QueueHeader')
    .height(190);

$（“”）
.addClass（'QueueHeader'）
.身高（190）；

但是它仍然不起作用，因为CSS类中的高度有

！重要信息

，它覆盖内联样式，当jQuery将样式应用于元素时使用内联样式。删除

！重要信息

据我所知，风格重要性的顺序如下，1为最高优先级：

用户样式（如浏览器设置中的链接颜色）

！重要信息

样式

内联样式

样式标记和链接标记中的样式（特殊性规则适用）

浏览器默认值

---

这是因为您添加了！在CSS中的重要性

---

CSS规则标记！重要的优先于以后的规则。通常在CSS中，规则是从上到下工作的，因此，如果您将新样式分配给样式表或辅助样式表下的元素，则后面的规则将优先！重要信息：确保此规则具有优先权。

是否将新创建的div追加到DOM中？document.body.appendChild（divQueueNumber）？在您的示例中，您希望CSS中有最小高度，javascript中有高度。在操作DOM时，应该养成使用jquery的习惯。否则，您将遇到跨浏览器不兼容将受到影响的情况。删除！从代码的重要性来看，它会覆盖运行时给定的值