node即：节点，element即：元素。简单的说就是Node是一个基类，DOM中的Element，Text和Comment都继承于它。 换句话说，Element，Text和Comment是三种特殊的Node，它们分别叫做ELEMENT_NODE, TEXT_NODE和COMMENT_NODE。所以我们平时使用的html上的元素，即Element，是类型为ELEMENT_NODE的Node。
<body> we can put text here 1... text_node <h1>China</h1> element_node we can put text here 2... text_node <!-- My comment ... --> comment_node we can put text here 3... text_node <p>China is a popular country with...</p> element_node we can put text here 4... text_node <div> <button>See details</button> element_node </div> we can put text here 5 ... text_node </body>
NodeList vs HTMLCollection:
我们用childNodes找到了NodeList，但我们操作DOM时往往不想操作Node(我只想操作元素Element)，那么如何获取ElementList呢？
其实我们经常使用的getElementsByXXX返回的就是一个ElementList，只不过它的真实名字是ElementCollection。就像NodeList是Node的集合一样，ElementCollection也是Element的集合。但需要特别注意的是：NodeList和ElementCollcetion都不是真正的数组，如果document.getElementsByTagName('a') instanceof Array，那么必然是false。
DOM(Document Object Model)简称文档对象模型，它是html和xml是文档编程的接口，它将文档解析为树结构，这个树的根部就是document,而document的第一个子节点(childeNodes[0])就是html，这才有了后面的一系列html元素。
- 上一篇：企业官网设计的作用及意义是什么？
- 下一篇：为什么企业网站要做SEO网站优化？
我汉狮网络提供网站建设、APP软件开发、软件开发、小程序开发、网站网络营销等一站式服务，欢迎企业咨询
免费咨询：18838171308
免费咨询：18838171308
