您好!欢迎访问家园网-www.jy.wang!

家园网

是不是带标签的就是说带<>的才是节点啊?

网络 作者:本站 点击:

是的!‌<>的标签(如<div><p>)对应的就是元素节点‌(nodeType=1),但DOM中还有其他类型的节点,简单总结如下:


1. 什么是节点?

节点是DOM树的基本单位,就像家族树中的成员。‌所有带<>的标签都是元素节点‌,但节点不只有这一种:

节点类型例子是否带<>
元素节点<div><p>
文本节点"你好"(标签内的文字)
注释节点<!-- 注释 -->❌(但有<!-- -->符号)
属性节点class="box"❌(属于元素节点的特征)

2. 举个完整例子

<div id="box">   <!-- 这是元素节点 -->
    你好,世界!  <!-- 这是文本节点 -->
    <!-- 这是注释节点 -->
</div>
  • <div>‌:带<>,是元素节点。

  • "你好,世界!"‌:不带<>,是文本节点。

  • <!-- 注释 -->‌:带<!-- -->,是注释节点。

  • id="box"‌:是<div>的属性,‌不是独立节点‌。


3. 特殊说明

  • 属性(如class‌:虽然DOM规范中有属性节点nodeType=2),但实际开发中直接用element.className操作,‌不需要当成节点处理‌。

  • 空白符‌:换行和空格也会被当作‌文本节点‌(可能意外出现)。


一句话总结

<>的标签一定是元素节点,但节点不一定都带<>‌。就像乐高积木上的标签(<>)是积木本身,而积木上的文字或贴纸是其他类型的节点。

标签: