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 | 返回元素的類(lèi)名 |
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)的名稱(chēng) |
nodeType | 返回節(jié)點(diǎn)的節(jié)點(diǎn)類(lèi)型 |
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)簽名稱(chēng) |
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() | 返回具有指定類(lèi)名的所有子元素的列表 |
getElementsByTagName() | 返回具有指定標(biāo)簽名稱(chēng)的所有子元素的列表 |
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)換為字符串 |