http://cjmxp007.blog.163.com/blog/static/3547383720092185137391/
http://cjmxp007.blog.163.com/blog/static/3547383720092185137391/
Element的属性和方法
(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)
The width of the top border of an element in pixels. 不被普遍的支持. (HTML-specific)
元素内部的宽度. (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
Element interface)
Returns the local part of the qualified name of this node. (DOM Core) name
获取/设置元素的name属性—并非所有此属性. (HTML-specific) namespaceURI
节点的命名空间 URI, 如果没有指定则为
null. (DOM Core)
返回节点的下一个兄弟节点. (DOM Core) nodeName
返回节点的名称. (DOM Core) nodeType
返回节点的类型. (DOM Core) nodeValue
返回节点的值. (DOM Core) offsetHeight
返回元素的高度相对布局. (HTML-specific) offsetLeft
获取元素的左边界到它的
offsetParent节点的左边界的水平距离（单位像素）. (HTML-specific)
Returns a reference to the object in which the current element is offset (i.e., the parent element). (HTML-specific) offsetTop
获取元素的上边界到它的
offsetParent节点的上边界的垂直距离（单位像素）. (HTML-specific)
返回元素的宽度相对布局. (HTML-specific) ownerDocument
返回元素所在的document对像. (DOM Core) parentNode
返回元素的父亲节点. (DOM Core) prefix
返回当前元素的命名空间前缀, 如果未指定则返回
null. (DOM Core)
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)
[ 编辑]
方法
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)
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
NodeList by index. (DOM Core, not part of the
Element interface)
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 οnclick="foo();">点我!</div>
假设 element 是指向这一个 div 的引用, 那么 element.onclick 相当于下面的效果:
function {
foo();
}
Note how the event object is passed as parameter event to this wrapper function.
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.
转载于:https://blog.51cto.com/3417201/640449
