JS动态添加元素

js动态添加元素(div、li、img等)及设置属性的方法网页是由html标签一层层组成的，js也可以动态添加一层层的诸如div、li、img这样的标签。其实，不管是什么html标签，js动态创建的方法都差不多，接着就先从动态添加div开始。一、js动态添加元素divdivid=parent/divfunctionaddElementDiv(obj){varparent=document.getElementById(obj);//添加divvardiv=document.createElement(div);//设置div属性，如iddiv.setAttribute(id,newDiv);div.innerHTML=js动态添加div;parent.appendChild(div);}调用：addElementDiv(parent);二、js动态添加liulid=parentUlli原li/li/ulfunctionaddElementLi(obj){varul=document.getElementById(obj);//添加livarli=document.createElement(li);//设置li属性，如idli.setAttribute(id,newli);li.innerHTML=js动态添加li;ul.appendChild(li);}调用：addElementLi(parentUl);三、js动态添加元素imgulid=parentUl/ulfunctionaddElementImg(obj){varul=document.getElementById(obj);//添加livarli=document.createElement(li);//添加imgvarimg=document.createElement(img);//设置img属性，如idimg.setAttribute(id,newImg);//设置img图片地址img.src=/images/prod.jpg;li.appendChild(img);ul.appendChild(li);}调用：addElementImg(parentUl);