首页 > Web开发 > 详细

js新增ul

时间:2015-06-23 17:22:26      阅读:133      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!