博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【EASYDOM系列教程】之Node介绍
阅读量:6241 次
发布时间:2019-06-22

本文共 745 字,大约阅读时间需要 2 分钟。

DOM 的标准规范中提供了 Node 对象,该对象主要提供了用于解析 DOM 节点树结构的属性和方法。

Node 对象的作用

DOM 树结构主要是依靠节点进行解析,称为 DOM 节点树结构。Node 对象是解析 DOM 节点树结构的主要入口。

Node 对象提供的属性和方法,可以实现遍历节点、插入节点和替换节点等操作。而这些操作也正是我们学习 Node 对象最为主要的目的。

Node 对象的继承链关系

Node 对象是继承于 EventTarget 对象的,EventTarget 是一个用于接收事件的对象。我们可以通过如下代码测试两者之间的继承关系:

console.log(Node.prototype instanceof EventTarget);

DOM 的标准规范中的 Document 对象和 Element 对象(后面的章节要学习的内容)都是继承于 Node 对象的。我们可以通过如下代码测试它们之间的继承关系:

console.log(Document.prototype instanceof Node);console.log(Element.prototype instanceof Node);

测试 Node 对象

由于 Node 对象是 DOM 底层封装的对象,所以我们并不能通过直接打印 Node 对象来查看其属性或方法。

而是要通过打印 Node 对象的 prototype 原型属性来查看其属性或方法。

console.log(Node.prototype)

运行 HTML 页面后,打开 开发者工具,我们可以看到以下内容:

Node 对象


本教程免费开源,任何人都可以免费学习、分享,甚至可以进行修改。但需要注明作者及来源,并且不能用于商业。

本教程采用进行许可。

图片描述

转载地址:http://khdia.baihongyu.com/

你可能感兴趣的文章
leetcode 【 Subsets 】python 实现
查看>>
leetcode 【 Intersection of Two Linked Lists 】python 实现
查看>>
codeforces 767A Snacktower(模拟)
查看>>
用 Quartz 画聊天对话框背景实例
查看>>
Quartz2D简单绘制之饼状图
查看>>
你优化系统的目标是什么?
查看>>
SVN(64位)报 Failed to load JavaHL Library. 的解决方法
查看>>
基本运算符
查看>>
黄聪:WordPress 多站点建站教程(三):主站如何调用子站的文章内容、SQL语句如何写?...
查看>>
Activity的启动模式 4种launchMode Intent.FLAG_NEW_TASK 详解
查看>>
hdu 2254 奥运 **
查看>>
数据结构基础
查看>>
UltraISO制作ISO镜像文件
查看>>
ASP.NET MVC 之自定义HtmlHelper
查看>>
声明顺序
查看>>
memcpy内存重叠的解决
查看>>
保存和恢复activity的状态数据[转]
查看>>
JS中call、apply的用法说明
查看>>
C#中对于Enum类型的遍历
查看>>
使用tomcat启动dubbo项目
查看>>