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.οnclick=function(){//给p标签添加onclick事件
	    	Avatar.push(['track', ['click', 'detail', '', {tab:category_chn, id:newsid}, 0]]);
	    	window.open(url);
		};
	}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值