使用innerHTML动态生成标签
2017-02-16 10:58
225 查看
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>'; }
相关文章推荐
- 分别使用innerHTML和DOM在网页中动态生成表格的三种不同方法。
- JS-----------动态生成的html标签,在使用js获取不到
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- jquery中对动态生成的标签响应click事件(二)…与ajax交互使用
- 如何在React中使用数据动态生成DOM标签
- 使用WebService动态生成DataSet绑定到Reporting Services
- 根据要显示的字段个数动态生成表格标签table及内容
- 使用Java Servlet动态生成图片
- 使用Servlet动态生成图片
- 使用CODEDOM动态实现代码的生成,编译
- jsp中,使用js生成动态的数据库相关的二级联动下拉框
- 使用displaytag动态生成链接
- 使用CODEDOM动态实现代码的生成,编译
- 动态生成HTML标签
- SolpartMenu的使用:(二)、在ASP.NET页面中使用SolpartMenu控件之动态的加载数据库中的数据来生成菜单
- 使用ASP.NET动态生成图片
- 根据要显示的字段个数动态生成表格标签table及内容
- 使用Java Servlet动态生成图片
- 如何使用PHP动态生成饼状图、柱状图和折线图
- [转]使用FreeMarker/Jsp(WebWork2)生成静态/动态RSS文件