文檔樹

Document Object Model (DOM) 為文檔對象模型， 它使用對象的表示方式來表示對應(yīng)的文檔結(jié)構(gòu)及其中的內(nèi)容。

下面為一個樣例 p 元素在文檔中的對象所包含的所有屬性。

控制臺：

p#domaccessKey: ""align: ""assignedSlot: nullattributeStyleMap: StylePropertyMap {size: 0}attributes: NamedNodeMap {0: id, id: id, length: 1}autocapitalize: ""baseURI: "file:///E:/yuanli.html"childElementCount: 0childNodes: NodeList [text]children: HTMLCollection []classList: DOMTokenList [value: ""]className: ""clientHeight: 26clientLeft: 0clientTop: 0clientWidth: 713contentEditable: "inherit"dataset: DOMStringMap {}dir: ""draggable: falsefirstChild: textfirstElementChild: nullhidden: falseid: "dom"innerHTML: "查看我自己都有哪些屬性"innerText: "查看我自己都有哪些屬性"inputMode: ""isConnected: trueisContentEditable: falselang: ""lastChild: textlastElementChild: nulllocalName: "p"namespaceURI: "http://www.w3.org/1999/xhtml"nextElementSibling: scriptnextSibling: textnodeName: "P"nodeType: 1nodeValue: nullnonce: ""offsetHeight: 26offsetLeft: 8offsetParent: bodyoffsetTop: 20offsetWidth: 713onabort: nullonauxclick: nullonbeforecopy: nullonbeforecut: nullonbeforepaste: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncopy: nulloncuechange: nulloncut: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonfullscreenchange: nullonfullscreenerror: nullongotpointercapture: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonlostpointercapture: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpaste: nullonpause: nullonplay: nullonplaying: nullonpointercancel: nullonpointerdown: nullonpointerenter: nullonpointerleave: nullonpointermove: nullonpointerout: nullonpointerover: nullonpointerup: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonsearch: nullonseeked: nullonseeking: nullonselect: nullonselectionchange: nullonselectstart: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullonvolumechange: nullonwaiting: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullonwheel: nullouterHTML: "

查看我自己都有哪些屬性

"outerText: "查看我自己都有哪些屬性"ownerDocument: documentparentElement: bodyparentNode: bodyprefix: nullpreviousElementSibling: nullpreviousSibling: textscrollHeight: 26scrollLeft: 0scrollTop: 0scrollWidth: 713shadowRoot: nullslot: ""spellcheck: truestyle: CSSStyleDeclaration {alignContent:

總結(jié)

以上是生活随笔為你收集整理的前端如何查看音频的长度_重学前端基础：如何查看文档对象的所有属性？如何文档查找节点？...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。