元素——文檔中所有對象繼承的最基礎的基類。他只有所有元素所共有的方法和屬性。更具體的類繼承自 Element 。
例如:
HTML Element接口是所有 HTML 元素的基本接口,而 SVG Element 接口是所有 SVG 元素的基本接口。
大多數功能是在類的層級下具體指定的。
屬性:
1.attribute
Element.attributes 屬性返回指定節點的所有屬性的實時集合。 它是一個 NamedNodeMap,而不是一個Array,所以它沒有Array方法,而且Attr節點的索引在瀏覽器中可能會有所不同。 更具體地說,屬性是表示關于該屬性的任何信息的鍵/值對的字符串。
2.classLists
Element.classList —— 只讀屬性,返回元素的類的實時 DOMTokenList 集合。
方法:
1)add (String) 給元素添加一個 class,如果給定的這個 class 已添加則忽略;
2)remove(String) 刪除元素的一個給定 class,如果元素沒有這個 class ,也不報錯;
3)item(Number) 返回 classList 指定 index 的值 ,類似于Element.classList[Number];
4)toggle(String) 如果存在這個 class,則將其刪除,并返回 false;如果不存在這個 class,則將其添加在元素上,并返回 true;
5)contains(String) classList中存在 String 這個 class,則返回 true,否則返回 false;
6)replace(old Class,newClass) 用 newClass 替換 oldClass。oldClass 不存在則不替換。
3.className
Element.className—— 獲取或設置元素的 class ,獲取的 class 是字符串。
4.
Element.clientHeight——height + padding
Element.clientWidth——width+ padding
HTMLElement.offsetHeight——height + padding + border-top + border-bottom
HTMLElement.offsetWidth——width+ padding + border-left + border-right
Element.scrollHeight / Element.scrollWidth 包括被掩藏未顯示的部分
以上三種都會將值轉換為整數,如要獲得小數值,可使用 Element.getBoundingClientRect(),這個方法會返回一個包含元素尺寸及其相對于視窗的位置的對象。
5.innerHTML
獲取或設置元素的內容