JavaSctipt 與瀏覽器的溝通


Posted by YongChenSu on 2020-12-08

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

#程式導師實驗計畫第四期 #前端







Related Posts

HTML筆記

HTML筆記

Flattening multidimensional arrays in JavaScript

Flattening multidimensional arrays in JavaScript

JavaScript 程式執行原理:JS實現物件導向

JavaScript 程式執行原理:JS實現物件導向


Comments