JavaSctipt 與瀏覽器的溝通

什麼是 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')