美文网首页Python
文档流,文本流,DOM,DOM树

文档流,文本流,DOM,DOM树

作者: 折木丶青梵 | 来源:发表于2019-03-18 18:22 被阅读52次

文档流:

将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为普通流/文档流。

文本流:

文档的读取和输出顺序,也就是我们通常看到的由左到右、由上而下的读取和输出形式。

脱离文档流的情况:
1、float 浮动
浮动会脱离文档流而不会脱离文本流,其他盒模型中的文字还是会为其让出位置,> 环绕在其周围
2、position:absolute/fixed 绝对定位
绝对定位会使元素脱离文档流同时脱离文本流,其他盒模型元素和其中的文字的排> 列都会忽略它

文档流和文本流可以理解为定位/位置

DOM

JavaScript操作网页的接口,全称为“文档对象模型”(Document Object Model)。
有这几个概念:文档、元素、节点
整个文档是一个文档节点
每个标签是一个元素节点
包含在元素中的文本是文本节点
每一个属性是一个属性节点
注释属于注释节点

DOM树:

DOM树是结构
所谓层级结构是指元素和元素之间的关系
父子,兄弟
解析器输出的树是由DOM元素和属性节点组成的
当我们说树中包含DOM节点时,意思就是这个树是由实现了DOM接口的元素组成。这些实现包含了其它一些浏览器内部所需的属性。

脱离文档流后层级结构关系还是没有变的

相关文章

  • 文档流,文本流,DOM,DOM树

    文档流: 将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为普通流/文档流。 文本流: 文档的读...

  • DOM事件

    DOM事件模型与事件流 DOM(文档对象模型)结构是一个树型结构,当一个HTML元素[https://baike....

  • 07.JavaScript Html Dom

    DOM简介 DOM :Document Object Model 文档对象模型HTML DOM树 : DOM树模型...

  • DOM

    DOM THML DOM吧THML文档呈现为带有元素、属性和文本的节点树。DOM被分为不同的部分:1.Core D...

  • XML解析

    Sax解析:流的方式进行解析流解析:以流的方式进行解析(一行一行解析)Dom解析:加载整个文档,以树的方式解析

  • 2019-01-05

    封装 DOM 操作 DOM 将文档(页面结构)表示成一棵将树,树由元素节点,属性节点,文本节点组成,而 即是树...

  • javascript3试题

    javascript周考试题 1.谈谈你对DOM事件流的认识。 DOM(文档对象模型)结构是一个树型结构,当一个H...

  • CSS3动画

    transition transform transform 不会使DOM脱离文档流,当通过 translateX...

  • DOM事件类

    基本概念:DOM事件的级别 DOM事件模型 DOM事件流 描述DOM事件捕获的具体流 Event对象的常见应用 自...

  • 11 js06 DOM

    DOM、DOM结构树、dom元素系列操作: 1、DOM:文档对象模型(Document Object Model ...

网友评论

    本文标题:文档流,文本流,DOM,DOM树

    本文链接:https://www.haomeiwen.com/subject/acbbmqtx.html