var creatediv = function(){ var parentdiv=$('<div></div>'); //创建一个父div parentdiv.attr('id','parent'); //给父div设置id parentdiv.addClass('parentdiv'); //添加css样式 var childdiv=$('<div></div>'); //创建一个子div childdiv.attr('id','child'); //给子div设置id childdiv.addClass('childdiv'); //添加css样式 childdiv.appendTo(parentdiv); //将子div添加到父div中 parentdiv.appendTo('body'); //将父div添加到body中 };
在div下动态添加img
var bb="http://localhost:8080/VMSInfoDiffusion/"; var server=$("#serverUrl").val();// 访问的地址 var sourcePath=$("#largePath").val(); // 图片的路径a.jsp例如a.jsp,b.jsp,c.jsp var path1="path1";// div的id getImage(sourcePath,path1,server); function getImage(sourcePath1,path2,server){ if(sourcePath1!=null){ var str= new Array(); var str=sourcePath1.split(","); if(str.length>0){//获得div var ul = document.getElementById(path2); for(var i=0;i<str.length;i++){ var li = document.createElement("li"); var img = document.createElement("img"); img.setAttribute("id", "newImg"); img.src = server+"/"+str[i]; li.appendChild(img); ul.appendChild(li); } } } }