【EASYDOM系列教程】之Node介绍

发布时间:2019-07-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了【EASYDOM系列教程】之Node介绍脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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 页面后,打开 开发者工具,我们可以看到以下内容:

【EASYDOM系列教程】之Node介绍


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

本教程采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

【EASYDOM系列教程】之Node介绍

脚本宝典总结

以上是脚本宝典为你收集整理的【EASYDOM系列教程】之Node介绍全部内容,希望文章能够帮你解决【EASYDOM系列教程】之Node介绍所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:HTML