我完全混淆了 Node 对象和 Element 对象。
document.getElementById()
返回 Element 对象,同时document.getElementsByClassName()
返回 NodeList 对象(元素或节点的集合?)
如果一个 div 是一个元素对象,那么 div Node 对象呢?
什么是节点对象?
文档对象、元素对象和文本对象也是节点对象吗?
根据 David Flanagan 的著作“文档对象、其元素对象和文本对象都是节点对象”。
那么一个对象为什么可以继承 Element 对象和 Node 对象的属性/方法呢?
如果是,我猜节点类和元素类在继承的原型树中是相关的。
<div id="test">
<p class="para"> 123 </p>
<p class="para"> abc </p>
</div>
<p id="id_para"> next </p>
document.documentElement.toString(); // [object HTMLHtmlElement]
var div = document.getElementById("test");
div.toString(); // [object HTMLDivElement]
var p1 = document.getElementById("id_para");
p1.toString(); // [object HTMLParagraphElement]
var p2 = document.getElementsByClassName("para");
p2.toString(); //[object HTMLCollection]