<body>
<ul class="ul2"></ul>
<script type="text/javascript">
var ul2 = document.querySelector('.ul2')
console.log(ul2)
//創建元素節點
var li21 = document.createElement('li')
li21.innerHTML = 'li21'
//添加節點
ul2.appendChild(li21)
var li20 = document.createElement('li')
li20.innerHTML = 'li20'
ul2.insertBefore(li20, li21)
//刪除節點
ul2.removeChild(li20)
document.querySelector('.remove-ul2-li').onclick = function () {
if (ul2.children.length == 0) {
this.disabled = true
} else {
ul2.removeChild(ul2.children[0])
}
}
//克隆節點
//如果false或空，爲淺拷貝，不復制內容，如果爲true，爲深拷貝，複製內容
ul2.appendChild(li20.cloneNode(true))
ul2.appendChild(li20.cloneNode())
</script>
</body>
JavaScript創建、添加、刪除、克隆節點
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
由淺入深在實踐中玩轉Zabbix，解決剩下20%的監控需求！
本文整理自Zabbix中級認證專家李銘栓（滿分學員）在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題，剩下的20%如何實現？這裏有答案！ 幾點經驗分享： 1