Element對(duì)象表示HTML元素,例如<p>,<div>,<a>,<form>或任何其他HTML元素。
Element對(duì)象僅具有各種元素共有的方法和屬性。
下表列出了Element對(duì)象的屬性:
| 屬性 | 描述 |
|---|---|
| accessKey | 設(shè)置或返回元素的accesskey屬性 |
| attributes | 返回元素屬性的NamedNodeMap |
| childElementCount | 返回給定元素的子元素?cái)?shù) |
| childNodes | 返回元素的子節(jié)點(diǎn)(包括文本和注釋節(jié)點(diǎn))的列表 |
| children | 返回元素的子元素的列表(不包括文本和注釋節(jié)點(diǎn)) |
| classList | 返回元素的類名 |
| className | 設(shè)置或返回元素的class屬性的值 |
| clientHeight | 返回元素的高度,包括填充 |
| clientLeft | 返回元素左邊框的寬度 |
| clientTop | 返回元素頂部邊框的寬度 |
| clientWidth | 返回元素的寬度,包括填充 |
| contentEditable | 設(shè)置或返回元素的內(nèi)容是否可編輯 |
| dir | 設(shè)置或返回元素的dir屬性的值 |
| firstChild | 返回元素的第一個(gè)子節(jié)點(diǎn) |
| firstElementChild | 返回元素的第一個(gè)子元素(不包括文本和注釋節(jié)點(diǎn)) |
| id | 設(shè)置或返回元素的id屬性的值 |
| innerHTML | 設(shè)置或返回元素的內(nèi)容 |
| innerText | 設(shè)置或返回元素及其后代的文本內(nèi)容 |
| isContentEditable | 如果元素的內(nèi)容是可編輯的,則返回true;否則返回false |
| lang | 設(shè)置或返回元素的lang屬性值 |
| lastChild | 返回元素的最后一個(gè)子節(jié)點(diǎn) |
| lastElementChild | 返回元素的最后一個(gè)子元素(不包括文本和注釋節(jié)點(diǎn)) |
| namespaceURI | 返回元素的命名空間URI |
| nextSibling | 返回相同節(jié)點(diǎn)樹(shù)級(jí)別的下一個(gè)節(jié)點(diǎn) |
| nextElementSibling | 返回相同節(jié)點(diǎn)樹(shù)級(jí)別的下一個(gè)元素(不包括文本和注釋節(jié)點(diǎn)) |
| nodeName | 返回節(jié)點(diǎn)的名稱 |
| nodeType | 返回節(jié)點(diǎn)的節(jié)點(diǎn)類型 |
| nodeValue | 設(shè)置或返回節(jié)點(diǎn)的值 |
| offsetHeight | 返回元素的高度,包括填充,邊框和滾動(dòng)條 |
| offsetWidth | 返回元素的寬度,包括填充,邊框和滾動(dòng)條 |
| offsetLeft | 返回元素的水平偏移位置 |
| offsetParent | 返回元素的偏移量容器 |
| offsetTop | 返回元素的垂直偏移位置 |
| ownerDocument | 返回元素的根元素(文檔對(duì)象) |
| parentNode | 返回元素的父節(jié)點(diǎn) |
| parentElement | 返回元素的父元素 |
| previousSibling | 返回相同節(jié)點(diǎn)樹(shù)級(jí)別的上一個(gè)節(jié)點(diǎn) |
| previousElementSibling | 返回相同節(jié)點(diǎn)樹(shù)級(jí)別的前一個(gè)元素(不包括文本和注釋節(jié)點(diǎn)) |
| scrollHeight | 返回一個(gè)數(shù)字,表示元素的滾動(dòng)視圖高度 |
| scrollLeft | 設(shè)置或返回元素內(nèi)容水平滾動(dòng)的像素值 |
| scrollTop | 設(shè)置或返回元素內(nèi)容垂直滾動(dòng)的像素值 |
| scrollWidth | 返回一個(gè)Number,表示元素的滾動(dòng)視圖寬度 |
| style | 設(shè)置或返回元素的樣式屬性的值 |
| tabIndex | 設(shè)置或返回元素的tabindex屬性的值 |
| tagName | 返回元素的標(biāo)簽名稱 |
| textContent | 設(shè)置或返回節(jié)點(diǎn)及其后代的文本內(nèi)容 |
| title | 設(shè)置或返回元素的title屬性的值 |
下表列出了Element對(duì)象的方法:
| 方法 | 描述 |
|---|---|
| addEventListener() | 將事件處理程序附加到指定的元素 |
| appendChild() | 將新的子節(jié)點(diǎn)添加到元素,作為最后一個(gè)子節(jié)點(diǎn) |
| blur() | 從元素上移開(kāi)焦點(diǎn) |
| cloneNode() | 克隆元素 |
| click() | 模擬鼠標(biāo)單擊元素 |
| compareDocumentPosition() | 比較兩個(gè)元素的文檔位置 |
| contains() | 如果節(jié)點(diǎn)是節(jié)點(diǎn)的后代,則返回true,否則返回false |
| focus() | 將重點(diǎn)放在元素上 |
| getAttribute() | 返回元素節(jié)點(diǎn)的指定屬性值 |
| getAttributeNode() | 返回指定的屬性節(jié)點(diǎn) |
| getBoundingClientRect() | 返回元素的大小及其相對(duì)于視口的位置 |
| getElementsByClassName() | 返回具有指定類名的所有子元素的列表 |
| getElementsByTagName() | 返回具有指定標(biāo)簽名稱的所有子元素的列表 |
| hasAttribute() | 如果元素具有指定的屬性,則返回true,否則返回false |
| hasAttributes() | 如果元素具有任何屬性,則返回true,否則返回false |
| hasChildNodes() | 如果元素具有任何子節(jié)點(diǎn),則返回true,否則返回false |
| insertAdjacentElement() | 在相對(duì)于當(dāng)前元素的指定位置插入HTML元素 |
| insertAdjacentHTML() | 在相對(duì)于當(dāng)前元素的指定位置插入HTML格式的文本 |
| insertAdjacentText() | 將文本插入到相對(duì)于當(dāng)前元素的指定位置 |
| insertBefore() | 在指定的現(xiàn)有子節(jié)點(diǎn)之前插入新的子節(jié)點(diǎn) |
| isDefaultNamespace() | 如果指定的namespaceURI為默認(rèn)值,則返回true;否則返回false |
| isEqualNode() | 檢查兩個(gè)元素是否相等 |
| isSameNode() | 檢查兩個(gè)元素是否在同一節(jié)點(diǎn)上 |
| isSupported() | 如果元素支持指定功能,則返回true |
| normalize() | 連接相鄰的文本節(jié)點(diǎn),并刪除元素中的空文本節(jié)點(diǎn) |
| querySelector() | 返回與元素的指定CSS選擇器匹配的第一個(gè)子元素 |
| querySelectorAll() | 返回與元素的指定CSS選擇器匹配的所有子元素 |
| removeAttribute() | 從元素中刪除指定的屬性 |
| removeAttributeNode() | 刪除指定的屬性節(jié)點(diǎn),并返回刪除的節(jié)點(diǎn) |
| removeChild() | 從元素中刪除一個(gè)子節(jié)點(diǎn) |
| removeEventListener() | 刪除已添加到addEventListener()方法的事件處理程序 |
| replaceChild() | 替換元素中的子節(jié)點(diǎn) |
| requestFullscreen() | 以全屏模式顯示元素 |
| scrollIntoView() | 將指定的元素滾動(dòng)到瀏覽器窗口的可見(jiàn)區(qū)域 |
| setAttribute() | 將指定的屬性設(shè)置或更改為指定的值 |
| setAttributeNode() | 設(shè)置或更改指定的屬性節(jié)點(diǎn) |
| toString() | 將元素轉(zhuǎn)換為字符串 |