回覆列表
  • 1 # atfkk40229

    js 動態新增li程式碼:

    原li   function addElementLi(obj) {    var ul = document.getElementById(obj);     //新增 li    var li = document.createElement("li");     //設定 li 屬性,如 id    li.setAttribute("id", "newli");     li.innerHTML = "js 動態新增li";    ul.appendChild(li);  }呼叫:addElementLi("parentUl");用 js 動態新增元素,就不會有那麼複雜的字串出現,程式碼閱讀性強一點,也容易理解。用程式碼的方式在js中給li附上標籤。一、js 動態新增元素div:   function addElementDiv(obj) {    var parent = document.getElementById(obj);     //新增 div    var div = document.createElement("div");     //設定 div 屬性,如 id    div.setAttribute("id", "newDiv");     div.innerHTML = "js 動態新增div";    parent.appendChild(div);  }呼叫:addElementDiv("parent");二、js 動態新增元素img:   function addElementImg(obj) {    var ul = document.getElementById(obj);     //新增 li    var li = document.createElement("li");     //新增 img    var img = document.createElement("img");     //設定 img 屬性,如 id    img.setAttribute("id", "newImg");     //設定 img 圖片地址    img.src = "/images/prod.jpg";     li.appendChild(img);    ul.appendChild(li);  }呼叫:addElementImg("parentUl");

  • 中秋節和大豐收的關聯?
  • 怎樣才知道兩個人三觀合不合得來?