可取得某元素的子節點
childNodes
新增一個節點在某元素的父節點內元素的最末端
appendChild
可取得某元素的第一個子節點
firstChild
可取得某元素的最後一個子節點
lastChild
可取得某元素的父元素
parentNode
可取得元素同層之間的「前一個」節點
previousSibling
可取得元素同層之間的「下一個」節點
nextSibling
範例
<p><span>1</span><span>2</span><span>3</span></p>
var el = document.querySelectorAll('span')[2];
console.log(el.previousSibling.textContent) //2
iThome鐵人賽
看影片追技術