最新的Web開發教程
 

HTML DOM元素對象

❮上一頁 下一頁參考❯

HTML DOM節點

在HTML DOM (Document Object Model) ，一切是一個節點 ：

  • 該文件本身是一個文檔節點
  • 所有的HTML元素是元素節點
  • 所有的HTML屬性是屬性節點
  • HTML元素中的文本是文本節點
  • 註釋是註釋節點

Element對象

在HTML DOM，Element對象表示一個HTML元素。

Element對象可以有類型元素節點，文本節點或註釋節點的子節點 。

的NodeList對象表示節點的列表，像子節點的HTML元素的集合。

元素也可以擁有屬性。 屬性是屬性節點(See next chapter) 。

瀏覽器支持

目的
Element 是 是 是 是 是
NodeList 是 是 是 是 是

元素對象和NodeList對象中的所有主流瀏覽器都支持。

屬性和方法

以下屬性和方法可以在所有HTML元素一起使用：

屬性/方法 描述
element .accessKey 設置或返回accesskey元素的屬性
element 。 addEventListener() 附加一個事件處理程序指定的元素
element 。 appendChild() 添加一個新的子節點，一個元素，最後一個子節點
element .attributes 返回元素的屬性的的NamedNodeMap
element 。 blur() 刪除焦點從一個元件
element .childElementCount 返回子元素的元素具有的數
element .childNodes 返回元素的子節點（包括文本和註釋節點）的集合
element 。孩子 返回元素的子元素的集合（不包括文本和註釋節點）
element .classList 返回類name(s)的元素
element .className 設置或返回的值class的元素的屬性
element 。 click() 模擬鼠標點擊一個元素
element .clientHeight 返回元件的高度，其中包括填充
element .clientLeft 返回元素的左邊框的寬度
element .clientTop 返回元素的上邊框的寬度
element .clientWidth 返回元件的寬度，其中包括填充
element 。 cloneNode() 克隆一個元素
element 。 compareDocumentPosition() 比較兩個元素的文檔位置
element 。 contains() 如果一個節點一個節點的後代，則返回true，否則為false
element .contentEditable 設置或返回是否元素的含量是可編輯或不
element為.dir 設置或返回的值dir的元素的屬性
element .firstChild 返回元素的第一個子節點
element .firstElementChild 返回元素的第一個子元素
element 。 focus() 將焦點到元件
element 。 getAttribute() 返回specified元素節點的屬性值
element 。 getAttributeNode() 返回specified屬性節點。
element 。 getElementsByClassName() 返回所有子元素的集合與指定的類名
element 。 getElementsByTagName() 返回所有子元素的集合與指定的標籤名稱
element 。 getFeature() 返回實現指定功能的API的一個目的
element 。 hasAttribute() 如果一個元素具有返回true specified屬性，否則為false
element 。 hasAttributes() 如果一個元素有任何屬性，則返回true，否則為false
element 。 hasChildNodes() 如果一個元素有子節點，則返回true，否則為false
element .ID 設置或返回的值id的元素的屬性
element .innerHTML 設置或返回元素的含量
element 。 insertBefore() 指定的，現有的子節點之前插入一個新的子節點
element .isContentEditable 如果一個元素的內容是可編輯的，則返回true，否則為false
element 。 isDefaultNamespace() 如果指定的namespaceURI為默認值，則返回true，否則為false
element 。 isEqualNode() 檢查，如果兩個元素是相等的
element 。 isSameNode() 如果檢查兩個元件是相同的節點
element 。 isSupported() 如果支持元素的指定功能，則返回true
element .lang 設置或返回的值lang的元素的屬性
element .lastChild 返回元素的最後一個子節點
element .lastElementChild 返回元素的最後一個子元素
element .namespaceURI 返回元素的命名空間URI
element .nextSibling 返回下一個節點在同一節點樹平
element .nextElementSibling 返回下一個元素在同一節點樹平
element .nodeName 返回節點的名稱
element .nodeType 返回節點的節點類型
element .nodeValue 設置或返回一個節點的值
element 。 normalize() 加入相鄰的文本節點並在元件移除空文本節點
element .offsetHeight 返回元素的高度，包括填充，邊框和滾動條
element .offsetWidth 返回元件的寬度，其中包括填充，邊框和滾動條
element .offsetLeft 返回元件的水平偏置位置
element .offsetParent 返回元素的偏移容器
element .offsetTop 返回元件的垂直偏移位置
element .ownerDocument 返回根元素(document object)對元件
element .parentNode 返回元素的父節點
element .parentElement 返回元素的父元素節點
element .previousSibling 返回前一個節點在同一節點樹平
element .previousElementSibling 返回前一個元素在同一節點樹平
element 。 querySelector() 返回指定的CSS相匹配的第一個子元素selector(s)的元素
元素 。 querySelectorAll() 返回指定的CSS匹配的所有子元素selector(s)的元素
element 。 removeAttribute() 從元素刪除指定的屬性
element 。 removeAttributeNode() 刪除指定的屬性節點，並返回所移除的節點
element 。 removeChild() 從元素刪除子節點。
element 。 replaceChild() 替換子節點中的一個元素
element 。 removeEventListener() 刪除已附接有一個事件處理程序addEventListener()方法
element .scrollHeight 返回元件的整個高度，包括填充
element .scrollLeft 設置或返回元素的含量水平滾動的像素數
element .scrollTop 設置或返回元素的含量垂直滾動的像素數
element .scrollWidth 返回元件的整個寬度，包括填充
element 。 setAttribute() 設置或更改specified屬性，為指定的值
element 。 setAttributeNode() 設置或改變specified屬性節點
element .style 設置或返回的值style元素的屬性
element .tabIndex 設置或返回的值tabindex的元素的屬性
element .tagName 返回元素的標籤名
element .textContent 設置或返回一個節點及其後代的文本內容
element .title偽 設置或返回的值title的元素的屬性
element 。 toString() 元素轉換為字符串
節點列表 。 item() 返回指定索引處的節點的NodeList
節點列表 。長度 返回NodeList中的節點數目

❮上一頁 下一頁參考❯