首页 > 前端如何查看音频的长度_重学前端基础:如何查看文档对象的所有属性?如何文档查找节点?...

前端如何查看音频的长度_重学前端基础:如何查看文档对象的所有属性?如何文档查找节点?...

文档树

Document Object Model (DOM) 为文档对象模型, 它使用对象的表示方式来表示对应的文档结构及其中的内容

下面为一个样例 p 元素在文档中的对象所包含的所有属性

50d733178582aeba3ada6a70eb4265bb.png

控制台:

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:

更多相关:

  • 1、封装 什么是封装?   1.对外部隐藏内部的属性,以及实现细节,给外部提供使用的接口     注意:封装有隐藏的意思,但不是单纯的隐藏     学习封装的目的:就是为了能够限制外界对内部数据的访问   python中属性的权限分为两种:   1.公开的     没有任何限制,谁都可以访问   2.私有的     只有当前类本身能狗...

  • jquery:js框架; 主要区别在dom的操作 jq需要引入文件并且引入顺序在最上面; 找元素 操作元素 js:doucument.getElementById..classname,tagname,name jq:$(选择器) dom是js对象 jqDom是jquery对象 操作内容 js:dom.innerHTML(非表单元素)...

  • Mock.js 的语法规范包括两部分: 数据模板定义规范(Data Template Definition,DTD)数据占位符定义规范(Data Placeholder Definition,DPD)1.数据模板定义规范 DTD 数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值: // 属性名 name // 生...

  • vue   vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.j...

  • 参考文档...

  • 有好几天没有更新博客了,前段时间因为要开学了,需要凑足学费才能继续在学校学习,耽误了几天,这两天需要补充前面需要学习的一些知识点了。今天就开始进入JavaWeb阶段吧,这段时间我们需要了解一些前端的知识,还有数据库方面的等等,具体的我下次回顾的时候再谈,今天就开始XML方面的一些基础知识的回顾吧!!   一. xml概述 1.1.xm...

  • zeal是一个windows上的开源的离线文档浏览工具,基于docset格式,可以兼容全部dash的文档。zeal没有代码片段管理的功能,只提供文档浏览功能,不过windows下的用户可算是有的用了。dash目前只提供mac上的版本,作者说有往windows上移植的打算,但迟迟没有动工。 刚安装好之后是没有文档可以看的, 需要自己下...

  • 2019独角兽企业重金招聘Python工程师标准>>> 王超:奇虎360MongoDB     MongoDB是高性能开源文档数据库,也是目前最受关注的NoSQL技术之一,以敏捷、可扩展和对企业应用友好(支持事务,一致性和数据完整性保证。该文档具体讲到了奇虎360为什么会使用MongoDB?MonoDB在亿级数据规模...

  •    本来不打算写这个博客的,我讨厌的话题,但是现实中遇到很多事情让我觉得是我沟通有问题!沟通是两个人的事情,做技术的人你和别人沟通需要看对方是什么水平的人,啥也不懂,啥也不会的人,你用那么专业的术语来描述,肯定解决不了问题。最好是举一些通俗易懂的例子    作为一个新人,我们应该在遇到问题的时候,先自己尝试去了解一些东西,比如:一...

  • 1、jQuery顶部固定层页面滚动淡出淡进菜单显示 查看演示>>   2、jQuery鼠标滚动条到页面底部浮动层滑动弹出信息 查看演示>>   3、网页向导Jquery插件wlGuide功能操作步骤引导 查看演示>>   4、jQuery文字段落鼠标悬停图片突出显示和预览 查看演示>>     5、jquery 万能float...

  • 使用grub-md5-crypt 建立md5密码文件/etc/sysconfig/authconfig 文件指定了帐号配置文件umask 的值在/etc/bashrc 中设置cpio -idmv < xxxstat file 可查看文件的具体信息(block,inode)linux双网卡绑定后,通过ifconfig不能查看原物理网卡...