什麼是 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 內容。 |
