当前位置 知且行 大前端 DOM介绍 下一篇:

DOM介绍

DOM全称是Document Object Model(文档对象模型),它是JS将HTML按文档结构和内容层次抽象出的模型,使得JavaScript有了访问HTML的能力,能够实现对HTML中内容的操作

DOM模型呈现树状结构,因此也叫“树模型”,树中的内容(标签、属性、文本)称为“节点”,节点在dom中就是对象。包含有元素节点(标签)、属性节点、文本节点。dom模型中,每个节点,都是一个JavaScript对象

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点,用document对象表示,最大的节点

  • 每个 HTML 元素是元素节点,比如html、head、body、a、h1

  • HTML 元素内的文本是文本节点

  • 每个 HTML 属性是属性节点,比如href

  • 注释是注释节点

节点之间的关系犹如人类家族中的族谱。节点之间的关系包括:

  • 父子关系(父子、后代、祖先级)

  • 兄弟(姐妹)关系

转载必须注明出处:https://www.zhiqiexing.com/149.html

关于我

我希望能成为一个认真、有趣、创造更多价值的人
关注微信
微信扫一扫关注我

微信扫一扫关注我

返回顶部