js----动态添加元素 && jQuery----动态添加元素

1.js    ocument.getElementById('id').innerHTML=innerHtml;

var creatLi = function(data){

       var innerHtml = "";
       for(var i =0;i <data.length;i++){
    	   innerHtml +="<li class='contentLi'>";
           innerHtml +="<a href=# id='print"+data[i].kinoId+"'>" + data[i].kinouNm + "</a>";
           innerHtml +="</li>"
       }
   	document.getElementById('contentUl').innerHTML=innerHtml;
	}

 2.jQuery   $("#id").append(innerHtml)     向目标元素后添加元素。

var creatPrintList = function(data){
       var innerHtml = "";
       for(var i =0;i <data.length;i++){
    	   innerHtml +="<li class='contentLi'>";
           innerHtml +="<a href=# id='print"+data[i].kinoId+"'>" + data[i].kinouNm + "</a>";
           innerHtml +="</li>"
       }
   	$("#contentUl").append(innerHtml);
	}

Html);

猜你喜欢

转载自blog.csdn.net/lsh15846393847/article/details/84846438