JavaScript節點操作
// 父級節點
var par = li.parentNode
// 所有兒子節點
var all_child = li.children
// 第一個(最后一個子節點)
var fir = li.firstChild
var las = li.lastChild
// 第一個子元素(最后一個)節點
var fir_element = li.firstElementChild
var las_element = li.lastElementChild
// 兄弟節點
// 回傳下一個串列選項的 HTML 內容：
var bor = li.nextElementSibling
// 回傳上一個串列選項的 HTML 內容：
var bor = li.previousElementSibling
// 回傳串列項的下一個同胞：
var bor2 = li.nextSibling
// 回傳串列項的上一個同胞
var bor2 = li.previousSibling
// 創建節點
var news = document.createElement('li')
//添加節點
// 添加節點到指定父節點的子節點串列末尾
node.appendChild(child)
// 添加節點到指定父節點的子節點串列前面
node.insertBefore(child, 指定元素)
// 插入節點
li.insertAdjacentElement('位置', 元素)
// beforeBegin: 插入到標簽開始前
// afterBegin: 插入到標簽開始標記之后
// beforeEnd: 插入到標簽結束標記前
// afterEnd: 插入到標簽結束標記后
// 洗掉節點
li.parentNode.remove() // 洗掉li的父級節點
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/169392.html
標籤：其他