HTML
document.createElement() 創建一個元素。 例 : document.createElement("div") document.createElement("P") document.createElement("input") .......等等 Node.appendChild() 方法在節點的子節點列表末新增新的子節點。 Node.insertBefore() 方法在節點的子節點列表任意位置插入新的節點。 Node.removeChild() 方法從 DOM 移除一個子節點,並返回移除的節點。 Node.replaceChild() 實現子節點(對像)的替換。返回被替換對像的引用。 Node.hasChildNodes() 取得值,指出這個節點是否有子節點。
parentNode.replaceChild( newChild, oldChild ) newChild:它是必需的參數 : 插入的新節點。 oldChild:它是必需的參數 : 被新節點替換的節點。 script: var Mid = document.getElementById("menu") // 取得外層容器 id var newChild = document.createElement("div") // 一個新節點 var oldChild = Mid.getElementsByTagName("li") // 計算替換節點個數 for (let i =oldChild.length-1 ; i >= 0 ; i--) { newChild = document.createElement("div") ; // 新 div newChild.innerHTML = "div "+(i+1) + (i+1) ; // 新 div 內容 menu.replaceChild(newChild , oldChild[i] ) ; } // 替換替換
沒有留言:
張貼留言