码迷,mamicode.com
首页 > Web开发 > 详细

js新增ul

时间:2015-06-23 17:23:38      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

var ul = document.createElement(‘ul‘);

var ids = [‘aaa‘,‘bbb‘];//id数组
var hrefs = [‘#a‘,‘#b‘];//链接数组
var vals = [‘a‘,‘b‘];//显示内容数组
for(var i=0;i<2;i++){
    var li = document.createElement(‘li‘);
    var a = document.createElement(‘a‘);
    a.setAttribute(‘href‘,hrefs[i]);
    a.id = ids[i];
    a.innerHTML = vals[i];
    li.appendChild(a);
    ul.appendChild(li);
}
test.appendChild(ul);//test 和 document.getElementById(‘test‘) 在这里是一样的 浏览器通用 看自己习惯

js新增ul

标签:

原文地址:http://www.cnblogs.com/jianghaidong/p/4595529.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!