element的属性和方法

 

http://cjmxp007.blog.163.com/blog/static/3547383720092185137391/

http://cjmxp007.blog.163.com/blog/static/3547383720092185137391/

Element的属性和方法  

2009-03-18 17:13:07|  分类： Js |字号 订阅

 

attributes

返回元素的属性集合. (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 Element interface)

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 NodeList by index. (DOM Core, not part of the Element interface)

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.