JavaScript-DOM-节点简介与分类

简介

  • 节点(node)是一个网络术语,它表示网络中的一个连接点。一个网络就是由一些节点构成的集合。
  • 在DOM里,文档是由节点构成的集合,此时的节点是文档树上的树枝和树叶。

分类

DOM中包含许多不同类型的节点,下面先介绍其中三种:元素节点、文本节点和属性节点。

1. 元素节点

解释:DOM的原子是元素节点。

特征

  • 元素的名字就是标签的名字。example:文本段落元素的名字是“p”。
  • 元素可以包含其他的元素。example:在html文件中,<html>元素是节点树的根元素,其他元素,例如head、body等,都包含在根元素中。

2.文本节点

解释:文本节点总是包含在元素节点内部,其内容就是文本。但不能说所有的元素节点都包含有文本节点。

例子

<p>This is an example.</p>

在上面的<p>元素中,“This is an example.”就是一个文本节点。

3.属性节点

解释:属性节点用来对元素做出更具体的描述。

例子

<p title="an example title">This is an example.</p>

在上面的<p>元素中,我们可以利用title属性来描述这个<p>元素。

在DOM中,title="an example title"就是一个属性节点。
图片例子

注意

  • 属性节点总是被放在起始标签里,即属性节点总是被包含在元素节点中。

  • 但并非所有的元素都包含着属性,但所有的属性都被元素包含。

参考书籍:《JavaScript DOM编程艺术》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值