使用innerHTML动态生成标签

最新推荐文章于 2022-12-10 20:18:12 发布

原创最新推荐文章于 2022-12-10 20:18:12 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#innerHTML

本文介绍了一个简单的JavaScript脚本，该脚本用于在网页上动态生成用户列表，包括头像和用户名。通过遍历预定义的用户数组并利用DOM操作来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


 var users = [
        {"name": "tdxy01","icon":"images/noavatar_small.gif"},
        {"name": "沉眠楚人","icon":"images/noavatar_small.gif"},
        {"name": "爱上karina","icon":"images/75_avatar_small.jpg"},
        ]
  for(var i=0;i<users.length;i++){
        ul.innerHTML += '<li>'+
                '<a href="#" target="blank"><img src="'+users[i].icon+'" width="48" height="48" alt="'+users[i].name+'"></a>'+
                '<p><a href="#" title="'+users[i].name+'" target="_blank">'+users[i].name+'</a></p>'+
                '</li>';
    }