Please enable JavaScript.
Coggle requires JavaScript to display documents.
DOM (選擇元素 (用css選擇器 (document.querySelector('CSS-selector') (有多個符合的…
DOM
選擇元素
用css選擇器
document.querySelector('CSS-selector')
document.querySelector('#logo')
有多個符合的
抓第一個
等於 document.querySelectorAll('p')[0]
抓取單個
document.querySelectorAll('CSS-selector')
回傳
NodeList
只能使用陣列索引
不能使用其他陣列操作方法
搭配 matches
document.querySelectorAll('p').matches('.subtitle')
選取元素
getElementBy*
ByClassName
getElementsByTagName
getElementsBy*
遍歷 (traversing)
關係
「兄弟關係 (sibling)
父子關係 (parent/child)
Node.childNodes
回傳類似陣列的 NodeList
問題:空白文字節點
Minify
文件裡的縮排全部取消
新語法:只選element
不同點
childNodes 改寫成 children
在文法裡追加 Element