1 
function createList(arrunique, arrayout) {
    for (i = 0; i < arrayout[0].length; i++) {
        var divIdC = i;
        var divIdT = i + 10;

        $('#tb').append('<select name="combo" style="float:left; width:100px;" id="' + divIdC + '" onchange="getComboVal(this,' + divIdC + ')"></select>');
        $('#tb').append('<input type="text" name = "textBox" style= "width:100px;" id="' + divIdT + '" onkeyup="validate(this,"' + divIdT + '") value="0">');
        var select = document.getElementById(divIdC);
        select.options[select.options.length] = new Option("Select " + arrunique[i][0]);
        for (j = 1; j < arrunique[i].length; j++) {
            select.options[select.options.length] = new Option(arrunique[i][j]);
        };
    };
}

在这段代码中，我想生成一个组合框和一个文本框，并且我想应用一些样式表属性或任何类。我怎样才能做到这一点。它不工作。

4

3 回答 3

11

有很多很多方法可以为 javascript 创建的元素设置样式。这里有几个。 单击此处进行现场演示。

var myElem = document.createElement('div');
myElem.style.color = '#FFF';

使用 jQuery：

var $myElem = $('<div></div>');
$myElem.css('color', '#FFF');

或 jQuery css 对象语法（用于传递多种样式）

$myElem.css({display: 'block', background: '#000'});

除了在创建元素后添加样式，您还可以考虑在创建元素后向元素添加一个类，并在您的 css 文件中设置该类的样式。

CSS 文件：

.myElem {
  color: #FFF;
}


myElem.className = 'myElem';

或者

$myElem.addClass('myElem');
于 2013-08-30T06:59:45.360 回答
2 
$('#tb').append('<input type="text" class="YOURCLASS" name = "textBox" style= "width:100px;" id="'+divIdT+'" onkeyup="validate(this,"'+divIdT+'") value="0">');
于 2013-08-30T06:59:36.627 回答
0

请参阅这个简化的 jsFiddle。确保控制台没有产生错误，并且您正在调用该createList()函数。

于 2013-08-30T07:13:38.637 回答