摘要:对象对象是什么该对象封装的底层对象,该对象只是提供了操作属性和方法,并不能直接打印操作属性和方法定位月面元素其实就是对象为元素节点继承链关系对象继承与对象判断节点类型以,和用于获取节点名称和节点类型还有节点的值按钮新按钮遍历节点获取父节点
Node对象 Node对象是什么
该对象封装DOM的底层对象,
该对象只是提供了操作属性和方法,并不能直接打印操作属性和方法
继承链关系
Node对象继承与EventTarget对象
判断节点类型
以nodeName,nodeType和nodeValue用于获取节点名称和节点类型还有节点的值
body>
遍历节点
获取父节点
以parentNode属性来获取页面中父节点
通过childNodes属性来获取页面中所有的子节点
注意:childNode [s]
通过firstChind属性来获取页面中第一个子节点
通过lastChind属性来获取页面中最后一个子节点
浏览器解析页面树结构,会产生空文本的空白节点,是由其换行引起的
获取相邻兄弟节点
通过以nextSibling属性来获取节点的后相邻兄弟节点
插入节点 appendChid()方法
指定子节点列表中最后增添个新子节点
通过removeChild()方法来删除在页面中指定的节点
child参数表示要删除的节点
通过removeChild()方法来替换在页面中指定的节点
oldChild参数表示要替换的节点
通过cloneNode()方法来复制在页面中指定的节点
参数deep表示是否执行深度克隆,如果为true,则会克隆该节点的所有后代节点
如果为false,则会克隆节点本身
textContent属性
是指在页面中指定的节点和其后代节点的文本内容
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/97173.html
摘要:对象描述对象是用于解析节点树的入口对象提供了对节点操作的属性和方法判断节点类型节点类型分为元素节点属性节点文本节点文档节点判断方式分为节点名称节点类型节点的值我是谁,我在那,我要干啥获取指定元素节点判断指定节点的名称显示标签名称显示 Node对象 描述 Node对象是用于解析DOM节点树的入口 Node对象提供了对节点操作的属性和方法 判断节点类型 节点类型分为: 元素节点 ...
摘要:书接上文浏览器内核之资源加载与网络栈本文介绍的模型之后,深入的核心部分,剖析的解释器是如何将从网络或者本地文件获取的字节流转成内部表示的结构树。事件处理最重要就是事件捕获和事件冒泡这两种机制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公众号:爱写bugger的阿拉斯加如有问题或建议,请后台留言,我...
摘要:辅助方法这个方法递归遍历的子节点,将节点交由回调函数处理。对集合进行遍历,调用方法,如果为函数,则将回调函数返回的结果作为参数传给否则,如果为,则将也即包裹元素的副本传给,否则直接将传给。 这篇依然是跟 dom 相关的方法,侧重点是操作 dom 的方法。 读Zepto源码系列文章已经放到了github上,欢迎star: reading-zepto 源码版本 本文阅读的源码为 zepto...
摘要:本期推荐文章类内存泄漏及如何避免,由于微信不能访问外链,点击阅读原文就可以啦。四种常见的内存泄漏划重点这是个考点意外的全局变量未定义的变量会在全局对象创建一个新变量,如下。因为老版本的是无法检测节点与代码之间的循环引用,会导致内存泄漏。 (关注福利,关注本公众号回复[资料]领取优质前端视频,包括Vue、React、Node源码和实战、面试指导) 本周正式开始前端进阶的第一期,本周的主题...
摘要:节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。此外,包含在列表中的每个节点相互之间都是同胞节点。在浏览器中,对象是继承自类型的一个实例,表示整个页面。 DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API。DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 节点层次 DOM 可以将任何 HTML 或 XM...
阅读 747·2021-11-24 09:39
阅读 3303·2021-11-23 10:06
阅读 1083·2021-10-08 10:05
阅读 891·2019-08-30 10:49
阅读 1873·2019-08-29 14:08
阅读 1401·2019-08-29 12:48
阅读 3405·2019-08-26 14:04
阅读 3746·2019-08-26 13:50