【EASYDOM系列教程】之 Element 对象

DOM 的标准规范中提供了 Element 对象，该对象提供了 HTML 页面中全部元素所具备的属性和方法。

咱们都知道 DOM 标准规范中提供了 Node 对象，主要是依靠 DOM 节点树结构访问和更新 HTML 页面的内容。而 DOM 标准规范中提供了 Element 对象，主要是依靠 DOM 元素树结构访问和更新 HTML 页面的内容。

值得注意的是: 全部的 HTML 页面的元素都是 HTMLElement 对象，而这个对象又是继承于 Element 对象的。

Element 对象的做用

HTML 页面中的标签，既是元素节点，又是元素。

若是咱们将 HTML 页面中的标签当作元素节点的话，就是利用 DOM 节点树结构进行解析和操做。可是，有些状况利用 Node 对象实现比较复杂，例如属性节点的操做，而使用 Element 对象提供的属性和方法相对会简单一些。

咱们能够简单地理解 Element 对象是 Node 对象的补充。固然，这种理解并不许确！

经过 Element 对象，咱们能够实现遍历元素、属性操做等操做。而这些操做也正是咱们要学习 Element 对象的属性和方法。

测试 Element 对象

因为 Element 对象是 DOM 底层封装的对象，因此咱们并不能经过直接打印 Element 对象来查看其属性或方法。
而是要经过打印 Element 对象的 prototype 原型属性来查看其属性或方法。

console.log(Element.prototype)

运行 HTML 页面后，打开 开发者工具，咱们能够看到如下内容:

上面运行后的结果只是部份内容，并非所有内容。请自行测试！

---

本教程免费开源，任何人均可以避免费学习、分享，甚至能够进行修改。但须要注明做者及来源，而且不能用于商业。

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