HTML DOM 元素
元素物件
在 HTML DOM 中，Element 物件表示一個 HTML 元素，如 P、DIV、A、TABLE 或任何其他 HTML 元素。
屬性和方法
以下屬性和方法可用於所有 HTML 元素
| 屬性 / 方法 | 描述 |
|---|---|
| accessKey | 設定或返回元素的 accesskey 屬性 |
| addEventListener() | 為元素附加事件處理程式 |
| appendChild() | 向元素新增（追加）新的子節點 |
| attributes | 返回元素的屬性的 NamedNodeMap |
| blur() | 將焦點從元素中移除 |
| childElementCount | 返回元素的子元素數量 |
| childNodes | 返回元素的子節點的 NodeList |
| children | 返回元素的子元素的 HTMLCollection |
| classList | 返回元素的類名 |
| className | 設定或返回元素的 class 屬性的值 |
| click() | 模擬對元素的滑鼠點選 |
| clientHeight | 返回元素的高度，包括內邊距 |
| clientLeft | 返回元素的左邊框寬度 |
| clientTop | 返回元素的上邊框寬度 |
| clientWidth | 返回元素的寬度，包括內邊距 |
| cloneNode() | 克隆元素 |
| closest() | 在 DOM 樹中搜索與 CSS 選擇器匹配的最近元素 |
| compareDocumentPosition() | 比較兩個元素的文件位置 |
| contains() | 如果一個節點是另一個節點的後代，則返回 true |
| contentEditable | 設定或返回元素內容是否可編輯 |
| dir | 設定或返回元素的 dir 屬性的值 |
| firstChild | 返回元素的第一個子節點 |
| firstElementChild | 返回元素的第一個子元素 |
| focus() | 將焦點賦予元素 |
| getAttribute() | 返回元素屬性的值 |
| getAttributeNode() | 返回屬性節點 |
| getBoundingClientRect() | 返回元素的大小及其相對於視口的位置 |
| getElementsByClassName() | 返回具有給定類名的子元素集合 |
| getElementsByTagName() | 返回具有給定標籤名的子元素集合 |
| hasAttribute() | 如果元素具有給定屬性，則返回 true |
| hasAttributes() | 如果元素具有任何屬性，則返回 true |
| hasChildNodes() | 如果元素具有任何子節點，則返回 true |
| id | 設定或返回元素的 id 屬性的值 |
| innerHTML | 設定或返回元素的內容 |
| innerText | 設定或返回節點及其後代的文字內容 |
| insertAdjacentElement() | 在相對於元素的位置插入新的 HTML 元素 |
| insertAdjacentHTML() | 在相對於元素的位置插入 HTML 格式的文字 |
| insertAdjacentText() | 在相對於元素的位置插入文字 |
| insertBefore() | 在現有子節點之前插入新的子節點 |
| isContentEditable | 如果元素內容可編輯，則返回 true |
| isDefaultNamespace() | 如果給定 namespaceURI 是預設的，則返回 true |
| isEqualNode() | 檢查兩個元素是否相等 |
| isSameNode() | 檢查兩個元素是否是相同的節點 |
| isSupported() | 已棄用 |
| lang | 設定或返回元素的 lang 屬性的值 |
| lastChild | 返回元素的最後一個子節點 |
| lastElementChild | 返回元素的最後一個子元素 |
| matches() | 如果元素與給定 CSS 選擇器匹配，則返回 true |
| namespaceURI | 返回元素的名稱空間 URI |
| nextSibling | 返回同一節點樹級別的下一個節點 |
| nextElementSibling | 返回同一節點樹級別的下一個元素 |
| nodeName | 返回節點的名稱 |
| nodeType | 返回節點的節點型別 |
| nodeValue | 設定或返回節點的值 |
| normalize() | 連線相鄰的文字節點並移除元素中的空文字節點 |
| offsetHeight | 返回元素的高度，包括內邊距、邊框和捲軸 |
| offsetWidth | 返回元素的寬度，包括內邊距、邊框和捲軸 |
| offsetLeft | 返回元素的水平偏移位置 |
| offsetParent | 返回元素的偏移容器 |
| offsetTop | 返回元素的垂直偏移位置 |
| outerHTML | 設定或返回元素的內容（包括開始標籤和結束標籤） |
| outerText | 設定或返回節點及其後代的外部文字內容 |
| ownerDocument | 返回元素的根元素（文件物件） |
| parentNode | 返回元素的父節點 |
| parentElement | 返回元素的父元素節點 |
| previousSibling | 返回同一節點樹級別的上一個節點 |
| previousElementSibling | 返回同一節點樹級別的上一個元素 |
| querySelector() | 返回與 CSS 選擇器匹配的第一個子元素 |
| querySelectorAll() | 返回與 CSS 選擇器匹配的所有子元素 |
| remove() | 從 DOM 中移除元素 |
| removeAttribute() | 從元素中移除屬性 |
| removeAttributeNode() | 移除屬性節點，並返回被移除的節點 |
| removeChild() | 從元素中移除子節點 |
| removeEventListener() | 移除已透過 addEventListener() 方法附加的事件處理程式 |
| replaceChild() | 替換元素中的子節點 |
| scrollHeight | 返回元素的整個高度，包括內邊距 |
| scrollIntoView() | 將元素滾動到瀏覽器視窗的可見區域 |
| scrollLeft | 設定或返回元素內容水平滾動的畫素數 |
| scrollTop | 設定或返回元素內容垂直滾動的畫素數 |
| scrollWidth | 返回元素的整個寬度，包括內邊距 |
| setAttribute() | 設定或更改屬性的值 |
| setAttributeNode() | 設定或更改屬性節點 |
| 樣式 | 設定或返回元素的 style 屬性的值 |
| tabIndex | 設定或返回元素的 tabindex 屬性的值 |
| tagName | 返回元素的標籤名 |
| textContent | 設定或返回節點及其後代的文字內容 |
| title | 設定或返回元素的 title 屬性的值 |
| toString() | 將元素轉換為字串 |
