DOM探索之基础详解——学习笔记

Posted 2020-10-09

element.attributes     可以获得元素的所有属性 返回一个类数组对象

element.childNodes   返回子节点，不包括子节点的子节点

document.creatDocumentFragment 创建文档片段节点  是轻量级最小的document片段表示文档的一段或者一部分，不属于文档树。当请求把一个文档片段节点插入文档的时候插入的不是文档片段节点本身而是其所有的子孙节点

nodeType 节点类型                                     nodeName 节点名称            nodeValue节点值

元素节点Element 1                                           DIV（大写）                            null

属性节点Attr 2                                                   id                                       属性值

文本节点Text 3                                                 #text                                   文本值

注释节点Comment8                                        #comment                             注释内容

文档节点Document9

文档类型节点DocumentType10                            html                                       null

文档片段节点DocumentFragment11             #document-fragment                        null

浏览器渲染流程：

1.解析HTML构建DOM树（构建DOM节点）

2.构建渲染树（解析样式信息）

3.布局渲染树（布局DOM节点）

4.绘制渲染树（绘制DOM节点）