版权声明：
1、本文内容由网友自发贡献，版权归原作者所有。
2、本站仅提供文章发布平台，文章的内容与本站无关，请真伪自辩，本站不承担相应法律责任。
3、如果发现本站有涉嫌抄袭侵权的内容，欢迎举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
4、转载请注明本文地址：http://www.19zh.com/artinfo/1077.html
网页中node和element是什么关系，如何看待dom操作？
来源:本站原创 浏览：164次 时间：2023-08-25
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元素。
- 上一篇： 企业建站虚拟主机主要性能指标有哪些？
- 下一篇： 企业官网设计的作用及意义是什么？
推荐资讯
推荐站点
自学ps教程网
分享原创ps图文教程：从新手零基础入门ps教程，到ps设计实战经验，以及很多网友要学的ps抠图教程，都会通过图文的方式，展示给大家，用简洁的语言，到位的图示，让您轻松查阅，快速get到要点，新知识、新图例，尽在taoxuemei.com！
www.taoxuemei.com189d下载网
189d下载网是一个资源下载中心，为用户提供最新的手机游戏下载、最好用的安卓app下载，以及各种最新的电脑软件和单机游戏的免费下载，还有各种热门游戏的攻略和软件使用教程。
www.189d.com全球工厂网
全球工厂网是专注企业信息化的综合电子商务服务平台,汇集各行业供求信息,为客户提供高标准的一站式服务
https://www.gc1288.com/38健康网-专业女性健康知识网站
38健康网(www.ni38.com)专业的女性健康网站，提供女性健康小常识、心理健康、生理健康、亚健康、女性保健、女性孕育、健康食谱、妇科疾病等的综合女性健康网站.
www.ni38.com1080影视大全
【1080影视大全】为您提供好看的电影、全新电视剧、全新动漫、全新综艺节目排行榜，免费在线观看lunli电影、动作片、 喜剧片、爱情片、搞笑片等全新电影，更多电影高清在线观看尽在1080影视大全(www.ki65.com)。
www.ki65.com简书
简书是一个优质的创作社区，在这里，你可以任性地创作，一篇短文、一张照片、一首诗、一幅画……我们相信，每个人都是生活中的艺术家，有着无穷的创造力。
www.jianshu.com
