XML DOM HTMLElement 對(duì)象
HTMLElement 對(duì)象表示 HTML 中的一個(gè)元素。
HTMLElement 對(duì)象的屬性
一個(gè) HTML 文檔中的每個(gè)元素都有和元素的 HTML 屬性對(duì)應(yīng)的屬性。這里列出了所有 HTML 標(biāo)記都支持的屬性。其他的屬性,都特定于某種具體的 HTML 標(biāo)記。HTMLElement 對(duì)象繼承了 Node 和 Element 對(duì)象的標(biāo)準(zhǔn)屬性,也實(shí)現(xiàn)了下面所描述的幾個(gè)非標(biāo)準(zhǔn)屬性:
- className
-
規(guī)定元素的 class 屬性。注意:該屬性名不是 "class",因?yàn)?"class" 是 JavaScript 中的保留字。
類型:String。狀態(tài):可寫(xiě)。
- currentStyle
-
這一特定于 IE 的屬性應(yīng)用于元素的所有 CSS 屬性的級(jí)聯(lián)組。它是 Window.getComputedStyle() 的僅用于 IE 的替代。
類型:String。狀態(tài):可寫(xiě)。
- dir
-
規(guī)定元素的 dir 屬性,聲明了文檔文本的方向。
類型:String。狀態(tài):可寫(xiě)。
- id
-
規(guī)定元素的 id 屬性。在一個(gè)文檔中,沒(méi)有兩個(gè)元素具有相同的 id 值。
類型:String。狀態(tài):可寫(xiě)。
- innerHTML
-
規(guī)定了元素所包含的字符串,不包括元素自身的開(kāi)始標(biāo)記和結(jié)束標(biāo)記。查詢這一屬性會(huì)將元素的內(nèi)容作為一個(gè) HTML 文本串返回。將這個(gè)屬性設(shè)置為一個(gè) HTML 文本串,則可以用 HTML 的解析表示來(lái)替換元素的內(nèi)容。在文檔載入的時(shí)候,不能設(shè)置這個(gè)屬性。這個(gè)一個(gè)源自于 IE4 的非標(biāo)準(zhǔn)屬性,已經(jīng)得到所有現(xiàn)代瀏覽器的支持。
類型:String。狀態(tài):可寫(xiě)。
- lang
-
規(guī)定元素的 lang 屬性,聲明了元素內(nèi)容的語(yǔ)言代碼。
類型:String。狀態(tài):可寫(xiě)。
- offsetHeight, offsetWidth
-
返回元素的高度和寬度,以像素為單位。這是非標(biāo)準(zhǔn)的但卻得到很好支持的屬性。
類型:int。狀態(tài):只讀。
- offsetLeft
-
返回當(dāng)前元素的左邊界到它的包含元素的左邊界的偏移量,以像素為單位。
類型:int。狀態(tài):只讀。
- offsetTop
-
返回當(dāng)前元素的上邊界到它的包含元素的上邊界的偏移量,以像素為單位。
類型:int。狀態(tài):只讀。
- offsetParent
-
返回對(duì)最近的動(dòng)態(tài)定位的包含元素的引用,所有的偏移量都根據(jù)該元素來(lái)決定。如果元素的 style.display 設(shè)置為 none,則該屬性返回 null。這是非標(biāo)準(zhǔn)的但卻得到很好支持的屬性。
類型:Node。狀態(tài):只讀。
- scrollHeight, scrollWidth
-
返回元素的完整的高度和寬度,以像素為單位。當(dāng)一個(gè)元素?fù)碛袧L動(dòng)條時(shí)(比如由于 CSS 的 overflow 屬性),這些屬性和 offsetHeight 與 offsetWidth 不同,offsetHeight 和 offsetWidth 只是報(bào)告元素的可見(jiàn)部分的大小。這是非標(biāo)準(zhǔn)的但卻得到很好支持的屬性。
類型:int。狀態(tài):只讀。
- scrollTop, scrollLeft
-
設(shè)置或返回已經(jīng)滾動(dòng)到元素的左邊界或上邊界的像素?cái)?shù)。只有在元素有滾動(dòng)條的時(shí)候,例如,元素的 CSS overflow 屬性設(shè)置為 auto 的時(shí)候,這些像素才有用。這些屬性也只在文檔的 <body> 或 <html> 標(biāo)記上定義(這和瀏覽器有關(guān)),并且一起來(lái)制定滾動(dòng)文檔的位置。注意,這些屬性并不會(huì)指定一個(gè) <iframe> 標(biāo)記的滾動(dòng)量。這是非標(biāo)準(zhǔn)的但卻得到很好支持的屬性。
類型:int。狀態(tài):可寫(xiě)。
- style
-
返回為當(dāng)前元素設(shè)置內(nèi)聯(lián) CSS 樣式的 style 屬性的值。注意,這個(gè)屬性的值不是一個(gè)字符串。
類型:CSS2Properties。狀態(tài):只讀。
- title
-
規(guī)定元素的 title 屬性。當(dāng)鼠標(biāo)懸停在元素上的時(shí)候,很多瀏覽器在元素的“工具提示”中顯示這一屬性的值。
類型:String。狀態(tài):可寫(xiě)。
HTMLElement 對(duì)象的方法
HTMLElement 對(duì)象繼承了 Node 和 Element 對(duì)象的標(biāo)準(zhǔn)方法。某些類型的元素實(shí)現(xiàn)了特定于標(biāo)記的方法,W3School 在 HTML DOM 參考手冊(cè)的各標(biāo)記參考頁(yè)中提供了這些方法的信息。
大部分現(xiàn)代瀏覽器也都實(shí)現(xiàn)了如下的非標(biāo)準(zhǔn)方法:
方法 | 描述 |
---|---|
scrollIntoView() | 滾動(dòng)文檔。使該元素出現(xiàn)在窗口的頂部或底部。 |
HTMLElement 對(duì)象的事件句柄
響應(yīng)鼠標(biāo)和鍵盤(pán)事件的所有 HTML 元素都可以觸發(fā)這里列出的事件句柄。某些元素,如鏈接和按鈕,當(dāng)這些事件發(fā)生的時(shí)候執(zhí)行默認(rèn)操作。對(duì)于像這樣的元素,更多細(xì)節(jié)可以在具體元素的參考頁(yè)中找到。
請(qǐng)參閱 HTML 事件屬性參考手冊(cè),了解更多有關(guān) HTML 事件句柄的知識(shí)。
如何獲得有關(guān) HTMLElement 對(duì)象更詳細(xì)的信息
在 W3School 的 HTML DOM 參考手冊(cè)中,我們?yōu)?HTML 標(biāo)記對(duì)應(yīng)的 DOM 對(duì)象制作了專門(mén)的參考頁(yè):
相關(guān)頁(yè)面
XML DOM 參考手冊(cè):Document 對(duì)象
XML DOM 參考手冊(cè):Document.getElementById()
XML DOM 參考手冊(cè):Document.getElementsByTagName()