JS动态添加元素.docx

JS动态添加元素.docx

ID:59254560

大小:10.37 KB

页数:2页

时间:2020-09-08

JS动态添加元素.docx_第1页
JS动态添加元素.docx_第2页
资源描述:

《JS动态添加元素.docx》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、js动态添加元素(div、li、img等)及设置属性的方法网页是由html标签一层层组成的,js也可以动态添加一层层的诸如div、li、img这样的标签。其实,不管是什么html标签,js动态创建的方法都差不多,接着就先从动态添加div开始。一、js动态添加元素div

  functionaddElementDiv(obj){    varparent=document.getElementById(obj);     //添加div    vardiv=document.createElement("div");     //设置div属性,如i

2、d    div.setAttribute("id","newDiv");     div.innerHTML="js动态添加div";    parent.appendChild(div);  }调用:addElementDiv("parent");二、js动态添加li

  • 原li
  •    functionaddElementLi(obj){    varul=document.getElementById(obj);     //添加li    varli=document.createElement("li");     //设置l

    3、i属性,如id    li.setAttribute("id","newli");     li.innerHTML="js动态添加li";    ul.appendChild(li);  }调用:addElementLi("parentUl");三、js动态添加元素img   functionaddElementImg(obj){    varul=document.getElementById(obj);     //添加li    varli=document.createElement("li");     //添加img    vari

    4、mg=document.createElement("img");     //设置img属性,如id    img.setAttribute("id","newImg");     //设置img图片地址    img.src="/images/prod.jpg";     li.appendChild(img);    ul.appendChild(li);  }调用:addElementImg("parentUl");

    当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
    相关标签