javascript - 在创建时设置 Div 的高度

Question

我有以下 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 代码中设置了高度..但它没有效果.. 我该如何设置？

谢谢

Answer 1

这是因为您在 CSS 中添加了 !importance。

标记为 !important 的 CSS 规则优先于后面的规则。通常在 CSS 中，规则从上到下起作用，因此如果您将新样式分配给样式表下方或辅助样式表中的元素，则后面的规则将优先。 !important 确保此规则具有优先权。