1. 程式人生 > >js動態新增HTML標籤

js動態新增HTML標籤

	function addElement_imageText(img,title,source,view_count,publish_time,url,article_type,newsid,category_chn){
		/*var reconmendDiv =  document.getElementById("m-newList");
		var reconmendDivWarp = document.createElement("div");
		reconmendDivWarp.setAttribute("class", "wrap");
		reconmendDiv.appendChild(reconmendDivWarp);
		var ul = document.createElement("ul");
		reconmendDivWarp.appendChild(ul);*/
		
		var ul = document.getElementById("newListul");
		var li = document.createElement("li");
		li.setAttribute("class", "fl image-text-li");
		ul.appendChild(li);
		var lidiv = document.createElement("div");
		lidiv.setAttribute("class", "newsdetail");
		li.appendChild(lidiv);
		
		var imgdiv = document.createElement("div");
		imgdiv.setAttribute("class", "fl image-text-li");
		var liimg = document.createElement("img");
		liimg.src = img;
		lidiv.appendChild(liimg);
		
		if(itypeItem==1||itypeItem==undefined){
			var typediv = document.createElement("div");
			if(category_chn==""||category_chn.length>3){
				category_chn = "其他";
			}
			typediv.innerHTML = category_chn;
			typediv.setAttribute("class", "typetext");
			lidiv.appendChild(typediv);
		}
		var lip = document.createElement("p");
		lip.innerHTML = title.substring(0,25);
		lidiv.appendChild(lip);
		var span1 = document.createElement("span");
		span1.setAttribute("class", "firstspan");
		span1.innerHTML = source.substring(0,5);
		lidiv.appendChild(span1);
		var span2 = document.createElement("span");
		span2.innerHTML = view_count+"評論";
		span2.setAttribute("class", "secendspan");
		lidiv.appendChild(span2);
		var span3 = document.createElement("span");
		span3.setAttribute("class", "lastspan");
		span3.innerHTML = publish_time;
		lidiv.appendChild(span3);
		
		li.onclick=function(){//給p標籤新增onclick事件
	    	Avatar.push(['track', ['click', 'detail', '', {tab:category_chn, id:newsid}, 0]]);
	    	window.open(url);
		};
	}