DOM介绍~超好理解的哦

下面是对DOM的介绍,希望可以帮助到有需要的小伙伴,跟小编来看看吧~

文章目录

    • 什么是DOM
    • DOM的组成
      • DOM解析过程:
      • DOM树(一切都是节点)
    • DOM的用处


什么是DOM

DOM是文档对象模型,DOM把html文档结构化,定义了一个规范用来通过JS来操作html元素。

DOM的组成

DOM是由节点组成的。

DOM解析过程:

  • html加载完毕后,浏览器会把html文档结构化生成一个DOM树
  • 获取DOM的元素节点
  • 操作该元素(改变该元素的属性或给该元素添加事件)

DOM树(一切都是节点)

在HTML中,一切都是节点

  • 元素节点:HTML标签
  • 文本节点:标签中的文字
  • 属性节点:标签的属性
    文本节点是元素节点的子节点;
    属性节点既不是元素节点的子节点也不是元素节点的父节点;
    整个html文档是一个文档节点;
    所有的节点都是Object类型
    下面是一棵DOM树
    DOM介绍~超好理解的哦_第1张图片

DOM的用处

  • 获取元素节点
  • 设置元素的属性值
  • 设置元素的样式
  • 动态创建和删除元素
  • 给元素绑定事件

你可能感兴趣的:(JavaScript)