Question

强烈求助！！JS 动态循环创建DIV

var Shu =7; //这里可能有10个 也可能有8个或者6个数据
for (i=0;i<Shu.length;i++)

{
取出的数据添加到指定的DIV里面，这里不会写了。娘的
}
楼下的 只能取出一个呀

我昨晚上也是这样的 只能取一个

Answer 1

1、新建一个html文件，命名为test.html。

2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、在test.html文件内，使用div标签创建一行文字，并设置其class为bg，主要用于下面通过该class来获得div对象。

4、在test.html文件内，在div标签内，通过style来设置div的背景颜色，定义其背景颜色为红色，文字颜色为白色。

5、在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行editbg()函数。

6、在js标签内，创建一个editbg()函数，在函数内，使用$符通过div的class属性值（bg）来获得div对象，再使用css（）方法设置background属性为blue，即更改背景颜色为蓝色。

Answer 2

var Shu =7;
for (i=0;i<Shu;i++){
var objdiv = document.createElement("div");
objdiv .innerHTML = i+1;
document.body.appendChild(objdiv );
}
我晕
Shu.length;不能这样写，Shu既然是数字，就直接用啊

Answer 3

var Shu =7,
df = document.createDocumentFragment();
for (var i=1;i<= Shu;i++){
var oDiv = document.createElement("div");
oDiv.innerHTML = i;
df.appendChild(oDiv);
}
document.body.appendChild(df);

建议按上面的写。