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