HTML DOM Element 對(duì)象
HTML DOM 節(jié)點(diǎn)
在 HTML DOM (文檔對(duì)象模型)中,每個(gè)部分都是節(jié)點(diǎn):
- 文檔本身是文檔節(jié)點(diǎn)
- 所有 HTML 元素是元素節(jié)點(diǎn)
- 所有 HTML 屬性是屬性節(jié)點(diǎn)
- HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)
- 注釋是注釋節(jié)點(diǎn)
Element 對(duì)象
在 HTML DOM 中,Element 對(duì)象表示 HTML 元素。
Element 對(duì)象可以擁有類型為元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)的子節(jié)點(diǎn)。
NodeList 對(duì)象表示節(jié)點(diǎn)列表,比如 HTML 元素的子節(jié)點(diǎn)集合。
元素也可以擁有屬性。屬性是屬性節(jié)點(diǎn)(參見(jiàn)下一節(jié))。
瀏覽器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有瀏覽器都支持 Element 對(duì)象和 NodeList 對(duì)象。
屬性和方法
下面的屬性和方法可用于所有 HTML 元素上:
屬性 / 方法 | 描述 |
---|---|
element.accessKey | 設(shè)置或返回元素的快捷鍵。 |
element.appendChild() | 向元素添加新的子節(jié)點(diǎn),作為最后一個(gè)子節(jié)點(diǎn)。 |
element.attributes | 返回元素屬性的 NamedNodeMap。 |
element.childNodes | 返回元素子節(jié)點(diǎn)的 NodeList。 |
element.className | 設(shè)置或返回元素的 class 屬性。 |
element.clientHeight | 返回元素的可見(jiàn)高度。 |
element.clientWidth | 返回元素的可見(jiàn)寬度。 |
element.cloneNode() | 克隆元素。 |
element.compareDocumentPosition() | 比較兩個(gè)元素的文檔位置。 |
element.dir | 設(shè)置或返回元素的文本方向。 |
element.firstChild | 返回元素的首個(gè)子。 |
element.getAttribute() | 返回元素節(jié)點(diǎn)的指定屬性值。 |
element.getAttributeNode() | 返回指定的屬性節(jié)點(diǎn)。 |
element.getElementsByTagName() | 返回?fù)碛兄付?biāo)簽名的所有子元素的集合。 |
element.getFeature() | 返回實(shí)現(xiàn)了指定特性的 API 的某個(gè)對(duì)象。 |
element.getUserData() | 返回關(guān)聯(lián)元素上鍵的對(duì)象。 |
element.hasAttribute() | 如果元素?fù)碛兄付▽傩,則返回true,否則返回 false。 |
element.hasAttributes() | 如果元素?fù)碛袑傩,則返回 true,否則返回 false。 |
element.hasChildNodes() | 如果元素?fù)碛凶庸?jié)點(diǎn),則返回 true,否則 false。 |
element.id | 設(shè)置或返回元素的 id。 |
element.innerHTML | 設(shè)置或返回元素的內(nèi)容。 |
element.insertBefore() | 在指定的已有的子節(jié)點(diǎn)之前插入新節(jié)點(diǎn)。 |
element.isDefaultNamespace() | 如果指定的 namespaceURI 是默認(rèn)的,則返回 true,否則返回 false。 |
element.isEqualNode() | 檢查兩個(gè)元素是否相等。 |
element.isSameNode() | 檢查兩個(gè)元素是否是相同的節(jié)點(diǎn)。 |
element.isSupported() | 如果元素支持指定特性,則返回 true。 |
element.lang | 設(shè)置或返回元素的語(yǔ)言代碼。 |
element.lastChild | 返回元素的最后一個(gè)子元素。 |
element.namespaceURI | 返回元素的 namespace URI。 |
element.nextSibling | 返回位于相同節(jié)點(diǎn)樹(shù)層級(jí)的下一個(gè)節(jié)點(diǎn)。 |
element.nodeName | 返回元素的名稱。 |
element.nodeType | 返回元素的節(jié)點(diǎn)類型。 |
element.nodeValue | 設(shè)置或返回元素值。 |
element.normalize() | 合并元素中相鄰的文本節(jié)點(diǎn),并移除空的文本節(jié)點(diǎn)。 |
element.offsetHeight | 返回元素的高度。 |
element.offsetWidth | 返回元素的寬度。 |
element.offsetLeft | 返回元素的水平偏移位置。 |
element.offsetParent | 返回元素的偏移容器。 |
element.offsetTop | 返回元素的垂直偏移位置。 |
element.ownerDocument | 返回元素的根元素(文檔對(duì)象)。 |
element.parentNode | 返回元素的父節(jié)點(diǎn)。 |
element.previousSibling | 返回位于相同節(jié)點(diǎn)樹(shù)層級(jí)的前一個(gè)元素。 |
element.removeAttribute() | 從元素中移除指定屬性。 |
element.removeAttributeNode() | 移除指定的屬性節(jié)點(diǎn),并返回被移除的節(jié)點(diǎn)。 |
element.removeChild() | 從元素中移除子節(jié)點(diǎn)。 |
element.replaceChild() | 替換元素中的子節(jié)點(diǎn)。 |
element.scrollHeight | 返回元素的整體高度。 |
element.scrollLeft | 返回元素左邊緣與視圖之間的距離。 |
element.scrollTop | 返回元素上邊緣與視圖之間的距離。 |
element.scrollWidth | 返回元素的整體寬度。 |
element.setAttribute() | 把指定屬性設(shè)置或更改為指定值。 |
element.setAttributeNode() | 設(shè)置或更改指定屬性節(jié)點(diǎn)。 |
element.setIdAttribute() | |
element.setIdAttributeNode() | |
element.setUserData() | 把對(duì)象關(guān)聯(lián)到元素上的鍵。 |
element.style | 設(shè)置或返回元素的 style 屬性。 |
element.tabIndex | 設(shè)置或返回元素的 tab 鍵控制次序。 |
element.tagName | 返回元素的標(biāo)簽名。 |
element.textContent | 設(shè)置或返回節(jié)點(diǎn)及其后代的文本內(nèi)容。 |
element.title | 設(shè)置或返回元素的 title 屬性。 |
element.toString() | 把元素轉(zhuǎn)換為字符串。 |
nodelist.item() | 返回 NodeList 中位于指定下標(biāo)的節(jié)點(diǎn)。 |
nodelist.length | 返回 NodeList 中的節(jié)點(diǎn)數(shù)。 |