zoukankan      html  css  js  c++  java
  • js获取一个对象的所以属性和值

    在HTML DOM中,获取某个元素对象的时候,往往记不住它的很多属性,可以通过下面的例子来查找一下:

     1 <!DOCTYPE html>
     2 <html>
     3 <body>
     4     <h1>获取对象属性和值</h1>
     5     <div id="div1" class="div">fdsfs</div>
     6 <script type="text/javascript"> 
     7 var myObject = document.getElementById("div1"); 
     8 //遍历对象的所有属性 
     9 for (prop in myObject) 
    10 { 
    11 document.write("属性 '" + prop + "' 值为 " + myObject[prop]); 
    12 document.write("<br> "); 
    13 } 
    14 </script> 
    15 </body>
    16 </html>
    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] }

    上面黑体的几乎就是最常见的属性了,其他的可能都不太见过。。。

    努力吧,为了媳妇儿,为了家。。。
  • 相关阅读:
    Codeforces Beta Round #92 (Div. 2 Only) B. Permutations 模拟
    POJ 3281 Dining 最大流 Dinic算法
    POJ 2441 Arrange the BUlls 状压DP
    URAL 1152 Faise Mirrors 状压DP 简单题
    URAL 1039 Anniversary Party 树形DP 水题
    URAL 1018 Binary Apple Tree 树形DP 好题 经典
    pytorch中的forward前向传播机制
    .data()与.detach()的区别
    Argparse模块
    pytorch代码调试工具
  • 原文地址:https://www.cnblogs.com/jlj9520/p/5038414.html
Copyright © 2011-2022 走看看