IE下动态 生成<li><a><img>等标签

来源:互联网 发布:青岛seo服务 编辑:程序博客网 时间:2024/06/05 07:51

这几天 做一个展示页面。所以最简单的做法,来做的。不多说了上代码

数据库。然后 后台查出来。因为用得框架所以 后台代码 希望不要参考。


控制层

@RequestMapping(params = "method=getTbOrgYh")public ModelAndView getTbOrgYh(HttpServletRequest req){NewMenu newMenu = new NewMenu(RequestUtil.getMap(req));return new ModelAndView("jsonView",newMenu.getTbOrgYh());}

前台做了一个判断

$.ajax({url:sys_ctx+'/newmenu/default.do?method=getTbOrgYh',success:function(json){for(var i=0;i<json.tm.length;i++){var ul = document.getElementById("ul1");var li = document.createElement("li");var a = document.createElement("a");var em = document.createElement("em");var img = document.createElement("img"); var tempStr =json.tm[i].tb;if(tempStr.length > 3){var ss = tempStr.slice(-3);if(ss == "png" || ss == "jpg" || ss == "gif"){a.innerHTML = json.tm[i].xstb;a.href = json.tm[i].url; img.src =json.tm[i].tb; ul.appendChild(li);li.appendChild(a);a.appendChild(em);em.appendChild(img); }} else {a.innerHTML = json.tm[i].xstb;a.href= json.tm[i].url;em.innerHTML = json.tm[i].tb;ul.appendChild(li);li.appendChild(a);a.appendChild(em);}}

好了

0 0
原创粉丝点击