[英]how to apply style on dynamically generated element
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]);
};
};
}
在这段代码中,我想生成一个组合框和一个文本框,并且要应用一些样式表属性或任何类。 我怎样才能做到这一点。 它不起作用。
样式化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');
$('#tb').append('<input type="text" class="YOURCLASS" name = "textBox" style= "width:100px;" id="'+divIdT+'" onkeyup="validate(this,"'+divIdT+'") value="0">');
请参阅此简化的jsFiddle 。 确保控制台没有生成错误,并且您正在调用createList()
函数。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.