什麼是 DOM?
文件物件模型 (DOM, document object model),瀏覽器提供了一個橋樑,可用 JS 改變畫面上的東西。
選到想要的元素
- getElementById
- getElementsByTagName
- getElementsByClassName
- querySelector
- querySelectorAll
改變 css
- classList.add()
- classList.remove()
- classList.toggle()
改變內容
- innerText
- innerHTML
- outerHTML:可用來改變標籤形式
新增、刪除元素
element.removeChild(document.querySelector('a'))
element.appendChild(item)
- const item = document.createElement('div')
- const item2 = document.createTextNode('132')