在HTML DOM中,获取某个元素对象的时候,往往记不住它的很多属性,可以通过下面的例子来查找一下:
1 2 3 4获取对象属性和值
5fdsfs6 15 16 17
查询以后你会获得很多信息:
属性 'align' 值为
属性 'click' 值为 function click() { [native code] } 属性 'focus' 值为 function focus() { [native code] }属性 'blur' 值为 function blur() { [native code] } 属性 'title' 值为 属性 'lang' 值为 属性 'dir' 值为 属性 'dataset' 值为 [object DOMStringMap] 属性 'itemScope' 值为 false 属性 'itemType' 值为 属性 'itemId' 值为 属性 'itemRef' 值为 属性 'itemProp' 值为 属性 'properties' 值为 [object HTMLPropertiesCollection] 属性 'itemValue' 值为 null属性 'hidden' 值为 false 属性 'tabIndex' 值为 -1 属性 'accessKey' 值为 属性 'accessKeyLabel' 值为 属性 'draggable' 值为 false 属性 'contentEditable' 值为 inherit 属性 'isContentEditable' 值为 false 属性 'contextMenu' 值为 null 属性 'spellcheck' 值为 false 属性 'style' 值为 [object CSS2Properties] 属性 'oncopy' 值为 null 属性 'oncut' 值为 null 属性 'onpaste' 值为 null 属性 'offsetParent' 值为 [object HTMLBodyElement] 属性 'offsetTop' 值为 86 属性 'offsetLeft' 值为 8 属性 'offsetWidth' 值为 600 属性 'offsetHeight' 值为 22 属性 'onabort' 值为 null 属性 'onblur' 值为 null 属性 'onfocus' 值为 null 属性 'oncanplay' 值为 null 属性 'oncanplaythrough' 值为 null 属性 'onchange' 值为 null 属性 'onclick' 值为 null 属性 'oncontextmenu' 值为 null 属性 'ondblclick' 值为 null 属性 'ondrag' 值为 null 属性 'ondragend' 值为 null 属性 'ondragenter' 值为 null 属性 'ondragleave' 值为 null 属性 'ondragover' 值为 null 属性 'ondragstart' 值为 null 属性 'ondrop' 值为 null 属性 'ondurationchange' 值为 null 属性 'onemptied' 值为 null 属性 'onended' 值为 null 属性 'oninput' 值为 null 属性 'oninvalid' 值为 null 属性 'onkeydown' 值为 null 属性 'onkeypress' 值为 null 属性 'onkeyup' 值为 null 属性 'onload' 值为 null 属性 'onloadeddata' 值为 null 属性 'onloadedmetadata' 值为 null 属性 'onloadstart' 值为 null 属性 'onmousedown' 值为 null 属性 'onmouseenter' 值为 null 属性 'onmouseleave' 值为 null 属性 'onmousemove' 值为 null 属性 'onmouseout' 值为 null 属性 'onmouseover' 值为 null 属性 'onmouseup' 值为 null 属性 'onpause' 值为 null 属性 'onplay' 值为 null 属性 'onplaying' 值为 null 属性 'onprogress' 值为 null 属性 'onratechange' 值为 null 属性 'onreset' 值为 null 属性 'onresize' 值为 null 属性 'onscroll' 值为 null 属性 'onseeked' 值为 null 属性 'onseeking' 值为 null 属性 'onselect' 值为 null 属性 'onshow' 值为 null 属性 'onstalled' 值为 null 属性 'onsubmit' 值为 null 属性 'onsuspend' 值为 null 属性 'ontimeupdate' 值为 null 属性 'onvolumechange' 值为 null 属性 'onwaiting' 值为 null 属性 'onmozfullscreenchange' 值为 null 属性 'onmozfullscreenerror' 值为 null 属性 'onmozpointerlockchange' 值为 null 属性 'onmozpointerlockerror' 值为 null 属性 'onerror' 值为 null 属性 'getAttribute' 值为 function getAttribute() { [native code] } 属性 'getAttributeNS' 值为 function getAttributeNS() { [native code] } 属性 'setAttribute' 值为 function setAttribute() { [native code] } 属性 'setAttributeNS' 值为 function setAttributeNS() { [native code] } 属性 'removeAttribute' 值为 function removeAttribute() { [native code] } 属性 'removeAttributeNS' 值为 function removeAttributeNS() { [native code] } 属性 'hasAttribute' 值为 function hasAttribute() { [native code] } 属性 'hasAttributeNS' 值为 function hasAttributeNS() { [native code] } 属性 'hasAttributes' 值为 function hasAttributes() { [native code] } 属性 'closest' 值为 function closest() { [native code] } 属性 'matches' 值为 function matches() { [native code] } 属性 'getElementsByTagName' 值为 function getElementsByTagName() { [native code] } 属性 'getElementsByTagNameNS' 值为 function getElementsByTagNameNS() { [native code] } 属性 'getElementsByClassName' 值为 function getElementsByClassName() { [native code] } 属性 'mozMatchesSelector' 值为 function mozMatchesSelector() { [native code] } 属性 'setCapture' 值为 function setCapture() { [native code] } 属性 'releaseCapture' 值为 function releaseCapture() { [native code] } 属性 'mozRequestFullScreen' 值为 function mozRequestFullScreen() { [native code] } 属性 'mozRequestPointerLock' 值为 function mozRequestPointerLock() { [native code] } 属性 'getAttributeNode' 值为 function getAttributeNode() { [native code] } 属性 'setAttributeNode' 值为 function setAttributeNode() { [native code] } 属性 'removeAttributeNode' 值为 function removeAttributeNode() { [native code] } 属性 'getAttributeNodeNS' 值为 function getAttributeNodeNS() { [native code] } 属性 'setAttributeNodeNS' 值为 function setAttributeNodeNS() { [native code] } 属性 'getClientRects' 值为 function getClientRects() { [native code] } 属性 'getBoundingClientRect' 值为 function getBoundingClientRect() { [native code] } 属性 'scrollIntoView' 值为 function scrollIntoView() { [native code] } 属性 'scroll' 值为 function scroll() { [native code] } 属性 'scrollTo' 值为 function scrollTo() { [native code] } 属性 'scrollBy' 值为 function scrollBy() { [native code] } 属性 'insertAdjacentHTML' 值为 function insertAdjacentHTML() { [native code] } 属性 'querySelector' 值为 function querySelector() { [native code] } 属性 'querySelectorAll' 值为 function querySelectorAll() { [native code] } 属性 'remove' 值为 function remove() { [native code] }属性 'tagName' 值为 DIV 属性 'id' 值为 div1 属性 'className' 值为 div 属性 'classList' 值为 div 属性 'attributes' 值为 [object NamedNodeMap] 属性 'onwheel' 值为 null 属性 'scrollTop' 值为 0 属性 'scrollLeft' 值为 0 属性 'scrollWidth' 值为 600 属性 'scrollHeight' 值为 22 属性 'clientTop' 值为 0 属性 'clientLeft' 值为 0属性 'clientWidth' 值为 600 属性 'clientHeight' 值为 22 属性 'scrollTopMax' 值为 0 属性 'scrollLeftMax' 值为 0属性 'innerHTML' 值为 fdsfs 属性 'outerHTML' 值为 fdsfs
属性 'previousElementSibling' 值为 [object HTMLHeadingElement] 属性 'nextElementSibling' 值为 [object HTMLScriptElement] 属性 'children' 值为 [object HTMLCollection] 属性 'firstElementChild' 值为 null 属性 'lastElementChild' 值为 null 属性 'childElementCount' 值为 0 属性 'hasChildNodes' 值为 function hasChildNodes() { [native code] } 属性 'insertBefore' 值为 function insertBefore() { [native code] } 属性 'appendChild' 值为 function appendChild() { [native code] } 属性 'replaceChild' 值为 function replaceChild() { [native code] } 属性 'removeChild' 值为 function removeChild() { [native code] } 属性 'normalize' 值为 function normalize() { [native code] } 属性 'cloneNode' 值为 function cloneNode() { [native code] } 属性 'isEqualNode' 值为 function isEqualNode() { [native code] } 属性 'compareDocumentPosition' 值为 function compareDocumentPosition() { [native code] } 属性 'contains' 值为 function contains() { [native code] } 属性 'lookupPrefix' 值为 function lookupPrefix() { [native code] } 属性 'lookupNamespaceURI' 值为 function lookupNamespaceURI() { [native code] } 属性 'isDefaultNamespace' 值为 function isDefaultNamespace() { [native code] } 属性 'nodeType' 值为 1 属性 'nodeName' 值为 DIV 属性 'baseURI' 值为 http://www.runoob.com/try/demo_source/result.php?x=0.5273678891388178 属性 'ownerDocument' 值为 [object HTMLDocument] 属性 'parentNode' 值为 [object HTMLBodyElement] 属性 'parentElement' 值为 [object HTMLBodyElement] 属性 'childNodes' 值为 [object NodeList] 属性 'firstChild' 值为 [object Text] 属性 'lastChild' 值为 [object Text] 属性 'previousSibling' 值为 [object Text] 属性 'nextSibling' 值为 [object Text] 属性 'nodeValue' 值为 null 属性 'textContent' 值为 fdsfs 属性 'namespaceURI' 值为 http://www.w3.org/1999/xhtml 属性 'prefix' 值为 null 属性 'localName' 值为 div 属性 'ELEMENT_NODE' 值为 1 属性 'ATTRIBUTE_NODE' 值为 2 属性 'TEXT_NODE' 值为 3 属性 'CDATA_SECTION_NODE' 值为 4 属性 'ENTITY_REFERENCE_NODE' 值为 5 属性 'ENTITY_NODE' 值为 6 属性 'PROCESSING_INSTRUCTION_NODE' 值为 7 属性 'COMMENT_NODE' 值为 8 属性 'DOCUMENT_NODE' 值为 9 属性 'DOCUMENT_TYPE_NODE' 值为 10 属性 'DOCUMENT_FRAGMENT_NODE' 值为 11 属性 'NOTATION_NODE' 值为 12 属性 'DOCUMENT_POSITION_DISCONNECTED' 值为 1 属性 'DOCUMENT_POSITION_PRECEDING' 值为 2 属性 'DOCUMENT_POSITION_FOLLOWING' 值为 4 属性 'DOCUMENT_POSITION_CONTAINS' 值为 8 属性 'DOCUMENT_POSITION_CONTAINED_BY' 值为 16 属性 'DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC' 值为 32 属性 'addEventListener' 值为 function addEventListener() { [native code] } 属性 'removeEventListener' 值为 function removeEventListener() { [native code] } 属性 'dispatchEvent' 值为 function dispatchEvent() { [native code] }
上面黑体的几乎就是最常见的属性了,其他的可能都不太见过。。。