《JS动态添加元素.docx》由会员分享，可在线阅读，更多相关《JS动态添加元素.docx（2页珍藏版）》请在三一办公上搜索。
1、JS动态添加元素js动态添加元素(div、li、img等)及设置属性的方法 网页是由 html 标签一层层组成的，js也可以动态添加一层层的诸如 div、li、img这样的标签。其实，不管是什么 html 标签，js动态创建的方法都差不多，接着就先从动态添加 div 开始。 一、js动态添加元素div function addElementDiv(obj) var parent = document.getElementById(obj); /添加 div var div = document.createElement(div); /设置 div 属性，如 id div.setAttribu
2、te(id, newDiv); div.innerHTML = js动态添加div; parent.appendChild(div); 调用：addElementDiv(parent); 二、js动态添加li 原li function addElementLi(obj) varul = document.getElementById(obj); /添加 li var li = document.createElement(li); /设置 li 属性，如 id li.setAttribute(id, newli); li.innerHTML = js动态添加li; ul.appendChild
3、(li); 调用：addElementLi(parentUl); 三、js动态添加元素img function addElementImg(obj) varul = document.getElementById(obj); /添加 li var li = document.createElement(li); /添加img varimg = document.createElement(img); /设置img属性，如 id img.setAttribute(id, newImg); /设置img图片地址 img.src = /images/prod.jpg; li.appendChild(img); ul.appendChild(li); 调用：addElementImg(parentUl);
