【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引见》

    原文作者:二月红
    原文地址: https://segmentfault.com/a/1190000010320503
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞