javascript - 通过 Javascript 添加 CSS 类属性

Question

我有一个 HTML 页面，该页面具有以下定义的控件的 css 类:

.ms-crm-Inline-Edit select.ms-crm-SelectBox {
border: 1px solid #CCCCCC;
font-size: 12px;
margin: 1px 0 0 1px;
width: 100%;
}

我需要给这个类添加一个新的属性，如下所示:

height: "120px !important";

这必须通过 Javascript 来完成。我无法修改原始类定义，这就是为什么我必须添加 Javascript 函数来完成这项工作。为此，我编写了 Jscript 方法，但它不起作用。

function CustomizePicklistHeight ()
{
   document.getElementsByClassName('ms-crm-Inline-Edit select.ms-crm-SelectBox').style.height = '120px !important';
}

我想，首先我们必须向此类添加 height 属性，但我不知道如何在 JScript 中执行此操作。请提出建议。

Answer 1

document.getElementsByClassName 返回具有该类的所有元素的数组。

试试这个:

function CustomizePicklistHeight()
{

// Store elements for each class differently. Just in case :)

var elements1 =  document.getElementsByClassName('ms-crm-Inline-Edit');
var elements2 =  document.getElementsByClassName('ms-crm-SelectBox');

// Since you cant affect the array directly, you use a loop to do the operation on each individual element

for (var i = 0; i < elements1.length; i++)
{
element1[i].style.height = '120px !important';
};

for (var j = 0; j < elements2.length; j++)
{
element1[j].style.height = '120px !important';
};

}​

希望这会有所帮助..:)