http://cjmxp007.blog.163.com/blog/static/3547383720092185137391/http://cjmxp007.blog.163.com/blog/static/3547383720092185137391/
- 返回元素的屬性集合. (DOM Core)(No IE)
- childNodes
- 返回包含當前元素的子元素的列表. (DOM Core)
- className
- 獲取/設置元素的類別. (HTML, XUL, ...)
- clientHeight
- 元素內部的高度. (HTML-specific)
- clientLeft
- The width of the left border of an element in pixels. 不被普遍的支持. (HTML-specific)
- clientTop
- The width of the top border of an element in pixels. 不被普遍的支持. (HTML-specific)
- clientWidth
- 元素內部的寬度. (HTML-specific)
- dir
- 獲取/設置元素的方向. (HTML, XUL)
- firstChild
- 返回當前元素第一個子元素. (DOM Core)
- id
- 獲取/設置元素的id. (HTML, XUL, ...)
- innerHTML
- 獲取/設置元素內部的HTML標記和內容. (HTML-specific)
- lang
- 指定元素的屬性值和文本內容的語言. (HTML-specific)
- lastChild
- 返回當前元素最後一個子元素．(DOM Core)
- length
- 返回列表內元素的數量．(例如：childNodes). (DOM Core, not part of
Elementinterface)
- localName
- Returns the local part of the qualified name of this node. (DOM Core)
- name
- 獲取/設置元素的name屬性—並非所有此屬性. (HTML-specific)
- namespaceURI
- 節點的命名空間 URI, 如果沒有指定則爲
null. (DOM Core)
- nextSibling
- 返回節點的下一個兄弟節點. (DOM Core)
- nodeName
- 返回節點的名稱. (DOM Core)
- nodeType
- 返回節點的類型. (DOM Core)
- nodeValue
- 返回節點的值. (DOM Core)
- offsetHeight
- 返回元素的高度相對佈局. (HTML-specific)
- offsetLeft
- 獲取元素的左邊界到它的
offsetParent節點的左邊界的水平距離（單位像素）. (HTML-specific)
- offsetParent
- Returns a reference to the object in which the current element is offset (i.e., the parent element). (HTML-specific)
- offsetTop
- 獲取元素的上邊界到它的
offsetParent節點的上邊界的垂直距離（單位像素）. (HTML-specific)
- offsetWidth
- 返回元素的寬度相對佈局. (HTML-specific)
- ownerDocument
- 返回元素所在的document對像. (DOM Core)
- parentNode
- 返回元素的父親節點. (DOM Core)
- prefix
- 返回當前元素的命名空間前綴, 如果未指定則返回
null. (DOM Core)
- previousSibling
- Returns the node immediately previous to the given one in the tree. (DOM Core)
- scrollHeight
- Returns the height of the scroll view of an element. (HTML-specific)
- scrollLeft
- Gets or sets the number of pixels that an element's content is scrolled to the left. (HTML-specific)
- scrollTop
- Gets/sets the distance between the top of an element and the topmost portion of its content currently visible. (HTML-specific)
- scrollWidth
- Returns the width of the scroll view of an element. (HTML-specific)
- style
- Returns an object representing the declarations in the the element's style attribute. (HTML, XUL, ...)
- tabIndex
- 獲取/設置元素的TAB次序. (HTML)
- tagName
- 返回元素的標籤名稱. (DOM Core)
- textContent
- Gets/sets the text content of an element including its descendants. (DOM Core)
[編輯]
方法
- addEventListener
- Allows the registration of event listeners on the event target. (DOM Events)
- appendChild
- Inserts the specified node into the list of nodes on the current document. (DOM Core)
- blur
- 將鍵盤焦點從當前元素上移開. (HTML, XUL)
- click
- 在當前元素上模擬一次單擊. (HTML, XUL)
- cloneNode
- Returns a duplicate of the current node. (DOM Core)
- dispatchEvent
- Allows the dispatch of events into the implementation's event model. (DOM Events)
- focus
- 使當前元素獲得焦點. (HTML, XUL)
- getAttribute
- 返回當前節點中指定屬性的值. (DOM Core)
- getAttributeNS
- Returns the value of the attribute with the given name and namespace. (DOM Core)
- getAttributeNode
- Returns the attribute of the element as a separate node. (DOM Core)
- getAttributeNodeNS
- A namespace-aware version of
getAttributeNode(DOM Core)
- getElementsByTagName
- Returns the elements of a particular tag name that are descendants of the current element. (DOM Core)
- hasAttribute
- Returns a boolean value indicating whether the element has the specified attribute or not. (DOM Core)
- hasAttributeNS
- Returns a boolean value indicating whether the element has an attribute with the specified name and namespace. (DOM Core)
- hasAttributes
- Returns a boolean value indicating whether the element has any attributes. (DOM Core)
- hasChildNodes
- Returns boolean value indicating whether the current element has children or not. (DOM Core)
- insertBefore
- Inserts a node before the current element in the DOM. (DOM Core)
- item
- Retrieves a node from a
NodeListby index. (DOM Core, not part of theElementinterface)
- normalize
- Puts the node and all of its subtree into a "normalized" form. (DOM Core)
- removeAttribute
- Removes an attribute from the element. (DOM Core)
- removeAttributeNS
- Removes the attribute with specified name and namespace from the element. (DOM Core)
- removeAttributeNode
- Removes the specified attribute from the element. (DOM Core)
- removeChild
- Removes a child node from the current element. (DOM Core)
- removeEventListener
- Removes an event listener from the element. (DOM Events)
- replaceChild
- Replaces one child node on the current element with another. (DOM Core)
- scrollIntoView
- Scrolls the page until the element gets into the view. (HTML)
- setAttribute
- Adds a new attribute or changes the value of an existing attribute on the current element. (DOM Core)
- setAttributeNS
- Adds a new attribute or changes the value of an attribute with the given namespace and name. (DOM Core)
- setAttributeNode
- Adds a new attribute node to the current element. (DOM Core)
- setAttributeNodeNS
- Adds a new attribute node with the specified namespace and name. (DOM Core)
- supports
- Tests if this DOM implementation supports a particular feature.
[編輯]
事件句柄
對應HTML中的 'onxxx' 事件, 有一些相應的屬性.
不像其他的屬性, 這些屬性是一些函數 (或其他實現了 EventListener 接口的對象) 而不是字符串. 事實上, 在HTML裏分配一個事件就創建一個指定代碼的函數包裝. 比如以下的HTML代碼:
<div onclick="foo();">點我!</div>
假設 element 是指向這一個 div 的引用, 那麼 element.onclick 相當於下面的效果:
function {
foo();
}
Note how the event object is passed as parameter event to this wrapper function.
- onblur
- Returns the event handling code for the blur event.
- onclick
- Returns the event handling code for the click event.
- ondblclick
- Returns the event handling code for the dblclick event.
- onfocus
- Returns the event handling code for the focus event.
- onkeydown
- Returns the event handling code for the keydown event.
- onkeypress
- Returns the event handling code for the keypress event.
- onkeyup
- Returns the event handling code for the keyup event.
- onmousedown
- Returns the event handling code for the mousedown event.
- onmousemove
- Returns the event handling code for the mousemove event.
- onmouseout
- Returns the event handling code for the mouseout event.
- onmouseover
- Returns the event handling code for the mouseover event.
- onmouseup
- Returns the event handling code for the mouseup event.
- onresize
- Returns the event handling code for the resize event.