js----動態新增元素 && jQuery----動態新增元素
阿新 • • 發佈:2018-12-17
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);