1. 程式人生 > >js----動態新增元素 && jQuery----動態新增元素

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