Skip to content

什麼是 DOM 操作?

DOM 的操作不外乎 讀取(Getter)設定(Setter)

  • 讀取: 從 DOM 中取得資訊以供後續使用。
  • 設定: 改變 DOM 的屬性、設定樣式,或是插入、複製、移除。

一般屬性

方法說明
attr()可讀取和設定 DOM 的屬性。
removeAttr()可移除 DOM 的屬性。

樣式屬性

方法說明
css()可讀取和設定 DOM 的行內樣式。
scrollTop()可讀取和設定 DOM 的目前在捲軸的垂直位置。

類別屬性

方法說明
addClass()為 DOM 添加 class。
removeClass()為 DOM 移除 class。

插入到 DOM 中

方法說明
text()可讀取和設定 DOM 的文字內容。
html()可讀取和設定 DOM 的 HTML 內容。