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

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

、

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

控制层

	@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);
				}

			}
			

好了