怎么动态生成ul下面的li

我要在ul里面动态添加li,每个ul下面的li由数组里面的个数决定,如:界面时是这样:

我写的代码是这样的:

ul下面的li该怎么循环添加?

第1个回答  推荐于2016-08-12
<script type="text/javascript">
window.onload = function(){
var arrLi = [['我的朋友','同学','同事'],['哇哈哈','乐百氏','农夫山泉'],['咖啡','果汁','果酒']];

for(var j=0; j<arrLi.length; j++){
document.body.innerHTML += '<ul></ul>';
var ul = document.getElementsByTagName('ul');
for (var i = 0; i < arrLi[j].length; i++) {
ul[j].innerHTML += '<li>'+arrLi[j][i]+'</li>';
};
}
}
</script> 你试试吧追问

额 不是这个意思,我的意思是:比如你写的:“我的朋友”是一个标题(也可以说是一个ul),然后他下面有很多li,li的内容就是哇哈哈,乐百氏,农夫山泉。
然后 "同学"又是一个标题(ul),然后他下面有很多li,li的内容是咖啡 果汁 果酒啊 什么的,就是类似QQ分组一样。

追答

{我的朋友:['哇哈哈','乐百氏','农夫山泉'],同学:['咖啡','果汁','果酒']}

这样子的格式的吧

追问

嗯 就是这种格式

追答



window.onload = function(){
var arrLi = {我的朋友:['哇哈哈','乐百氏','农夫山泉'],同学:['咖啡','果汁','果酒']};
var n = -1
for(var i in arrLi){
n++;
document.body.innerHTML += ''+i+'';
var ul = document.getElementsByTagName('ul');
for (var j = 0; j '+arrLi[i][j]+'';
};
}
}

这样应该就可以了吧

本回答被提问者和网友采纳
第2个回答  2015-02-06
在加一个FOR 循环 你这样纸循环出一个追问

我知道再加一个for循环,但是不知道该怎么去循环

追答

你没有遍历过 二位数组吗
和遍历二维数组是一样的

追问

新手,不怎么会,能教我吗?

追答

你百度一下 遍历二维数组 好好看看 我这个是上网本 敲不了代码

相似回答